JavaScript加强之自定义callback示例
人气:0
html:
<select id="select">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>
js:
$().ready(function(){
$("select").unbind("clickMe");
//传递一个json格式对象,这个json中有name,age,callback,可以用objJSON.属性名的方式来进行访问
$("select").bind("clickMe",function(event,objJSON){
alert(objJSON.name);
alert(objJSON.age);
objJSON.callback();
});
$("select").unbind("change");
$("select").bind("change",function(){
//事件触发器的参数是一个json格式的对象
$(this).trigger("clickMe",{
name:'xxc',
age:20,
callback:function(){
alert("回调函数");
}
});
});
});
复制代码 代码如下:
<select id="select">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>
js:
复制代码 代码如下:
$().ready(function(){
$("select").unbind("clickMe");
//传递一个json格式对象,这个json中有name,age,callback,可以用objJSON.属性名的方式来进行访问
$("select").bind("clickMe",function(event,objJSON){
alert(objJSON.name);
alert(objJSON.age);
objJSON.callback();
});
$("select").unbind("change");
$("select").bind("change",function(){
//事件触发器的参数是一个json格式的对象
$(this).trigger("clickMe",{
name:'xxc',
age:20,
callback:function(){
alert("回调函数");
}
});
});
});
加载全部内容