我有一个div,其中包含帐户管理页面上的设置和选项.
$("#moreOptions").slideToggle('slow');
if ($("#moreOptions").is(":visible") == true) {
$("#lnkMoreOpt").text("Less Options «")
}
else {
$("#lnkMoreOpt").text("More Options »")
}
上面的代码应该根据是否可见更改更多/更少选项链接的文本,但是看起来jQuery不会将切换视为使其不可见/可见.
在使用切换功能的同时,如何实现？
解决方法
您需要使用回调函数.当if语句被评估时,slideToggle将不会完成,你会得到不正确的结果.
$("#moreOptions").slideToggle('slow',callbackFn);
function callbackFn(){
var $link = $("#lnkMoreOpt");
$(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »");
}