自定义点击事件触发器，小部件jquery

custom click event trigger, widget jquery

本文关键字：小部 jquery 触发器 事件 自定义      更新时间：2023-09-26

我正在创建一个jquery小部件，其概念类似于菜单栏，它有两个按钮，例如ButtonOne和ButtonTwo。

我有关联的样式和我的html代码。

我在你好世界小工具中工作

 // 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中顶部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*/});

但不要在小部件中触发事件

嗯。。。是不是有点像捕捉我的按钮点击并传播它

_create: function() 
    {
        var my=this.element;
        var supe=this;            
        ...............
        var btn=$(mybutton);
        btn.click(function (){
            supe._trigger('btnclick');
        });
    }

如果有更优雅或更高效的，请告诉我

相关文章：