自定義點擊事件觸發器，小部件jquery

Question

我正在創建一個jQuery小部件，其概念類似於菜單欄，它具有兩個按鈕，例如，ButtonOne和ButtonTwo。

我有關聯的樣式和我的html代碼。

我在Hello World小部件中工作

 // Constructor
    _create: function() 
    {
        var my=this.element;
        var supe=this;

      ..............  

        //first event
        my.bind('mouseenter', function (event) {                
            supe._trigger('activated', event, my);                
        });
    },

我用像

 $(function() {
       ...........
       var bar=$("#bar-event").mybar();
        //first atempt
        bar.click(function() {
            alert( "Handler for .click() called." );
        });
        //second attempt
        bar.bind('mybaractivated', function(event, data) {
                // handle the event
            alert('YES WORKING!!!!!!');

        });
    });

我的第一次嘗試是noob嘗試，單擊有效，但是在html的top div的所有區域中。 第二次嘗試訪問我的自定義事件。

例如，未知如何觸發按鈕的單擊事件，我想控制類似...的事件。

 //
 $(function() {
   ...........
   var bar=$("#bar-event").mybar();
   bar.clickButtonOne(function() {/*do*/});
   //and
   bar.clickButtonTwo(function() {/*do*/});

要么

 //Maybe
 $(function() {
   ...........
   var bar=$("#bar-event").mybar();
   bar.bind('clickButtonOne',function(event,data) {/*do*/});
   //and
   bar.bind('clickButtonTwo',function(event,data) {/*do*/});

但不要在小部件內觸發事件

Answer 1

好吧...就像捕獲我的按鈕的點擊並傳播它一樣

_create: function() 
    {
        var my=this.element;
        var supe=this;            

        ...............

        var btn=$(mybutton);
        btn.click(function (){
            supe._trigger('btnclick');
        });

    }

如果有更優雅或更有效的方法，請告訴我