我正在尝试使用 mootools 来完成单击时切换某些文本的快速任务。但我似乎找不到 Mootools 相当于 jQuery 的toggle() 函数。
我想做的如下:
$('a#id').toggle(
function() {
$(this).set('html', 'new text');
},
function() {
$(this).set('html', 'old text');
}
);
我该如何修改 mootools 的上述代码?
Thanks!
据我所知,mootools 上的“切换”不存在。
您可以通过以下方式“实现”它:http://www.jsfiddle.net/steweb/rdvx8/ http://www.jsfiddle.net/steweb/rdvx8/
这是你想获得的吗?
Edit(对于 mootools 开发人员:D ),这可能是创建通用“切换”的一种方法:
Element.implement({
toggle: function(fn1,fn2){
this.store('toggled',false);
return this.addEvent('click',function(event){
event.stop();
if(this.retrieve('toggled')){
fn1.call(this);
}else{
fn2.call(this);
}
this.store('toggled',!(this.retrieve('toggled')));
});
}
});
//using it in a 'jQuery' mode
$('mya').toggle(
function() {
this.set('html', 'new text');
},
function() {
this.set('html', 'old text');
}
);
在这里摆弄:http://www.jsfiddle.net/steweb/qBZ47/ http://www.jsfiddle.net/steweb/qBZ47/
edit 2查看改进版本http://jsfiddle.net/dimitar/UZRx5/ http://jsfiddle.net/dimitar/UZRx5/(谢谢@迪米塔·克里斯托夫 https://stackoverflow.com/users/126998/dimitar-christoff)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)