{"id":430,"date":"2011-12-21T12:01:16","date_gmt":"2011-12-21T03:01:16","guid":{"rendered":"http:\/\/www.whoocus.com\/blog\/wordpress\/?p=430"},"modified":"2011-12-21T12:01:16","modified_gmt":"2011-12-21T03:01:16","slug":"430","status":"publish","type":"post","link":"https:\/\/www.blowfish.co.jp\/?p=430","title":{"rendered":"jQuery Plugin \u4e8b\u59cb\u3081 \u305d\u306e2"},"content":{"rendered":"

\u4ee5\u524d\u306e\u8a18\u4e8b<\/a>\u3067\u3001jQuery\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3057\u3066\u307f\u305f\u304c\u3001\u307e\u3060\u307e\u3060\u878d\u901a\u304c\u5229\u304b\u306a\u3044\u3002<\/p>\n

\u305d\u3053\u3067\u3001\u3044\u308d\u3093\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u89e3\u8aad\u3057\u3066\u307f\u3066\u3001\u305d\u3053\u305d\u3053\u4f7f\u3048\u308b\u5f62\u5f0f\u304c\u898b\u3048\u3066\u304d\u305f\u306e\u3067\u8a18\u8f09\u3059\u308b\u3002
\n\u3053\u306e\u8a18\u8ff0\u65b9\u6cd5\u3060\u3068\u3001\u5185\u90e8\u304b\u3089\u3082\u5916\u90e8\u304b\u3089\u3082\u95a2\u6570\u3092\u30b3\u30fc\u30eb\u3067\u304d\u308b\u306e\u3067\u3001\u5f8c\u306b\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6e21\u3059\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n

jquery.sample.js
\n[javascript]
\n\/*
\n * \u81ea\u4f5c\u30d7\u30e9\u30b0\u30a4\u30f3\u30b5\u30f3\u30d7\u30eb
\n *\/
\n;(function($){
\n\tvar sample = function(target, opts){
\n\t\t\/\/\u30c7\u30d5\u30a9\u30eb\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf
\n\t\tthis.defaults = {
\n\t param : ‘hoge’,
\n\t params : [{title : ‘DefTitle1’, name: ‘DefName1’, id: ‘111’ },
\n\t {title : ‘DefTitle2’, name: ‘DefName2’, id: ‘222’ }
\n\t ],
\n\t width : ‘1200px’
\n\t\t}
\n\t\t\/\/\u30d1\u30e9\u30e1\u30fc\u30bf\u4e0a\u66f8\u304d
\n\t\t$.extend(this.defaults, opts || {});<\/p>\n

\t\t\/\/\u95a2\u6570\u30b3\u30fc\u30eb
\n\t\tthis.init();
\n\t\tthis.reload(this.defaults.width);<\/p>\n

\t}
\n\t\/\/\u95a2\u6570\u5b9a\u7fa9
\n\tsample.prototype = {
\n\t\tinit: function() {
\n\t\t\talert("Init:" + this.defaults.param);
\n\t\t},
\n\t\treload: function(str) {
\n\t\t\talert("Reload:" + str);
\n\t\t}
\n\t};<\/p>\n

\t\/\/—————–
\n\t\/\/ \u30a8\u30f3\u30c8\u30ea\u30dd\u30a4\u30f3\u30c8
\n\t\/\/—————–
\n $.fn.sample = function(options){
\n\t \/\/\u30aa\u30d7\u30b7\u30e7\u30f3\u53d6\u5f97
\n\t opts = jQuery.extend({}, $.fn.sample.defaults, options);<\/p>\n

\/\/\t return this.each(function(){
\n\/\/\t\t\tnew sample(this, options, temp);
\n\/\/\t\t});<\/p>\n

\t\tif ( $(this).length > 1) {
\n\t\t\tvar _instances = [];
\n\t\t\t$(this).each(function(i) {
\n\t\t\t\t_instances[i] = new sample(this, options);
\n\t\t\t});
\n\t\t\treturn _instances;
\n\t\t} else {
\n\t\t\treturn new sample(this, options);
\n\t\t}
\n };<\/p>\n

\t\/\/—————–
\n \/\/\u30c7\u30d5\u30a9\u30eb\u30c8\u5024
\n\t\/\/—————–
\n\/\/ $.fn.sample.defaults = {
\n\/\/ param : ‘hoge’,
\n\/\/ params : [{title : ‘defTitle1’, name: ‘defName1’, id: ‘111’ },
\n\/\/ {title : ‘defTitle2’, name: ‘defName2’, id: ‘222’ }
\n\/\/ ],
\n\/\/ width : ‘1200px’
\n\/\/ };
\n})(jQuery);
\n[\/javascript]<\/p>\n

\u30b3\u30fc\u30eb\u3059\u308b\u5074 [HTML]
\n[html]
\n<script type="text\/javascript">
\n$("#sample").sample({param:’moge’}).reload(‘hage!!’);
\n<\/script>
\n<div id="sample"><\/div>
\n[\/html]<\/p>\n

\u4f46\u3057\u3001\u5341\u5206\u306a\u691c\u8a3c\u306f\u3057\u3066\u3044\u306a\u3044\u306e\u3067\u3001\u81ea\u5df1\u8cac\u4efb\u3067\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

\u4ee5\u524d\u306e\u8a18\u4e8b\u3067\u3001jQuery\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3057\u3066\u307f\u305f\u304c\u3001\u307e\u3060\u307e\u3060\u878d\u901a\u304c\u5229\u304b\u306a\u3044\u3002 \u305d\u3053\u3067\u3001\u3044\u308d\u3093\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u89e3\u8aad\u3057\u3066\u307f\u3066\u3001\u305d\u3053\u305d\u3053\u4f7f\u3048\u308b\u5f62\u5f0f\u304c\u898b\u3048\u3066\u304d\u305f\u306e\u3067\u8a18\u8f09\u3059\u308b\u3002 \u3053\u306e\u8a18\u8ff0\u65b9\u6cd5\u3060\u3068\u3001\u5185\u90e8\u304b\u3089\u3082\u5916\u90e8\u304b\u3089\u3082\u95a2\u6570\u3092 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"footnotes":""},"categories":[10,4],"tags":[],"class_list":["post-430","post","type-post","status-publish","format-standard","hentry","category-javascript","category-tech"],"_links":{"self":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=430"}],"version-history":[{"count":0,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/430\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}