jqueryのは、私は、ボタンを作成し、要素に追加し、非常に単純なjQueryプラグインを持っているプラ​​グイン

Question

によって作成されたボタンから関数を呼び出しますクリックされましたか？ TIA！

Answer 1

あなたは$('<button>Hello World</button>')を使用してjQueryオブジェクトにあなたのHTMLコードを変換することができ、あなたが他のjQueryオブジェクトになりよう、あなたがそれにclickイベントを攻撃することができます。

(function($) { 
    $.fn.somePlugin = function(element, options) { 

    var button = '<button>Hello World</button>'; 

    var sayHello = function(){ 
     alert('Hello World'); 
    } 
    var $button = $(button).click(sayHello); 
    $(element).append($button); 

    }; 
})(jQuery); 

Answer 2

結合し、jQueryオブジェクトを作成します。オブジェクトをクリックしてイベントをクリックし、それをコンテナ要素に追加します。

(function($) { 
    $.fn.somePlugin = function(element, options) { 
    var sayHello = function() { 
     alert('Hello World'); 
    } 

    var button = $('<button>Hello World</button>'); 
    button.on('click', sayHello); 
    button.appendTo(element); 
    }; 
})(jQuery); 

Answer 3

プラグインコード：

(function ($) { 

    $.fn.somePlugin = function (el, options) { 

     var $el = $(this); 

     $el.append("<button>Hello World</button>"); 

     $el.on("click", "button", function(){ 
      alert("Hello World"); 
     }); 
    }; 

})(jQuery); 

単純なHTML：プラグインの

<div id="target"></div> 

使用：

$("#target").somePlugin(); 

jsfiddle TES t