下面我们所看到的这篇文章,比上一篇文章,又更灵活了很多,它不仅能动态绑定事件及代码,同时还能根据ID号来灵活的构造不同对象的不同事件代码,下面我们看源代码吧。
控件对象:
<div id="box">
不同事件同一函数,移动并点击我看看
</div>
代码如下:
$(document).ready(function(){
$("#box").bind({
click:function(){
MyEvent(this);
}
});
function MyEvent(obj)
{
$("#"+obj.id).bind({
mouseover:function(){
alert("动态传输控件ID并绑定事件");
}
});
}
});
注意看绿色的自定义函数名称,通过该函数获取ID值,再根据ID值为控件动态绑定事件,相当的灵活。以后要想绑定哪个控件的事件,只需要传递ID号即可。
如果想绑定多个事件,就请参阅上一篇文章即可。很简单很实用。