Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery';s开关?_Jquery_Html_Toggle - Fatal编程技术网

如何使用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很好。我接受你的回答。