如何使用jQuery';s开关?
关闭切换时如何显示警报消息。如何使用jQuery';s开关?,jquery,html,toggle,Jquery,Html,Toggle,关闭切换时如何显示警报消息。 此切换有效,但不发出警报 脚本: $( "#btn-toggle" ).click(function() { $( "#btn-container-all" ).toggle( "slow" ); var isHidden = $('#btn-container-all').is(":hidden"); if(isHidden) { alert('closed'); } }); html: //代码。。。 为此原因使用回调函
此切换有效,但不发出警报 脚本:
$( "#btn-toggle" ).click(function() {
$( "#btn-container-all" ).toggle( "slow" );
var isHidden = $('#btn-container-all').is(":hidden");
if(isHidden) {
alert('closed');
}
});
html:
//代码。。。
为此原因使用回调函数:$( "#btn-toggle" ).click(function() {
$( "#btn-container-all" ).toggle( "slow", function(){
var isHidden = $(this).is(":hidden");
if(isHidden) {
alert('closed');
}
});
});
function isElementClosed(){
if($(this).is(":hidden")){
alert('closed');
}
}
$( "#btn-toggle" ).click(function() {
$( "#btn-container-all" ).toggle( "slow", isElementClosed);
});
也不要忘记这个
关键字
如果您想创建一个通用函数,在不同的情况下测试更多的元素,这样您就不需要重复自己的操作:
$( "#btn-toggle" ).click(function() {
$( "#btn-container-all" ).toggle( "slow", function(){
var isHidden = $(this).is(":hidden");
if(isHidden) {
alert('closed');
}
});
});
function isElementClosed(){
if($(this).is(":hidden")){
alert('closed');
}
}
$( "#btn-toggle" ).click(function() {
$( "#btn-container-all" ).toggle( "slow", isElementClosed);
});
胡闹,再制造问题please@RUJordan问题在没有小提琴的情况下清晰可见。@RokoC.Buljan如果问题清晰可见,OP就不会发布问题;)这里是jsfiddle:+1哇,我发布得不够快,我得到了完全相同的答案(现在已删除):)快速答案。谢谢@Roko C。Buljan很好。我接受你的回答。