$(selector).toggle(speed,callback,switch)
//该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素
toggle() 方法在 jQuery 版本 1.8 中被废弃,在版本 1.9 中被移除。(但是我们使用的是1.9,依然可用,我也不知道为啥)
toggle() 方法不仅仅用在显示和隐藏元素间切换:
$(selector).toggle(function)
toggle() 方法添加两个或多个函数,以响应被选元素的 click 事件之间的切换。
当在元素上点击时调用第一个指定函数,当再次点击时调用第二个函数,以此类推。
例如:实现中英文切换功能,点击中文,页面显示中文,而按钮变为英文。
<li style="padding-top:7px;">
<a style="color:#ded477;" href="javascript:;" οnclick="languageChange()" id="myLanguage" value="">
</a>
</li>
$("#myLanguage").toggle(function(){
$("#myLanguage").text('Chinese');
$("#myLanguage").val(1);
languageChanged();
},function(){
$("#myLanguage").text('英文');
$("#myLanguage").val(0);
languageChanged();
});
错误的用法:
function languageChange(){
$("#myLanguage").toggle(function(){
$("#myLanguage").text('Chinese');
$("#myLanguage").val(1);
languageChanged();
},function(){
$("#myLanguage").text('英文');
$("#myLanguage").val(0);
languageChanged();
});
}
$(selector).toggle(function) 本身就绑定了#manage的点击事件。
如果多写一个onclick函数,点击后触发了onclick函数,而不会再触发里边的toggle函数
(学长好厉害,我看这个函数看了好久还是没解决这个错误,JQ 和JS 还是不太会用)