[英]custom click event trigger, widget jquery
我正在创建一个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*/});
但不要在小部件内触发事件
好吧...就像捕获我的按钮的点击并传播它一样
_create: function()
{
var my=this.element;
var supe=this;
...............
var btn=$(mybutton);
btn.click(function (){
supe._trigger('btnclick');
});
}
如果有更优雅或更有效的方法,请告诉我
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.