简单的切换功能-
$('.simple').toggle(function () {
//-----------------
},
function () {
//------------------
});
});
我没有得到关于切换功能的事情是 -
当第一个函数结束时(toggle function(){}
),那么它如何在代码中切换第二个函数?
$('.simple').toggle(function () {
//-----------------
},
function () {
//------------------
});
});
我没有得到关于切换功能的事情是 -
当第一个函数结束时(toggle function(){}
),那么它如何在代码中切换第二个函数?
“当第一个函数结束时(切换函数(){}),那么它如何在代码中切换第二个函数?”
无需深入细节 - 您可以在 jQuery.js 文件中亲自查看 - 该.toggle()
函数(在 v1.9 中已删除)通过将单击处理程序绑定到指定元素来工作,存储所有作为参数传递的函数,并记住接下来应该执行列表中的哪个函数。
当您第一次单击有问题的元素时,此单击处理程序会调用您的第一个函数。当您再次单击时,它会调用列表中的下一个函数。当多次点击使它超过列表的末尾时,它会回到开头。
Toggle 交替隐藏和显示元素。一旦切换完成,就会调用切换内部的函数。如果你想使用另一个切换函数,你必须在第一个函数中调用那个函数,但你也应该提到选择器。可能这就是你要找的
$('.simple').toggle(function(){
$('.simple').toggle();
});
这是如何.toggle()
工作的:
如果使用.hide()
或使用 css ( display:none
) 隐藏 div,它将显示该 div。在相反的情况下,如果 div 显示在屏幕上,它将用display:none
属性隐藏它。
在 jQuery 中,toggle() 方法用于两个不同的目的。这是此方法的详细信息链接。http://api.jquery.com/?s=toggle一个用于效果,另一个用于一次绑定两个事件,其中一个在 1.8 版中已弃用。
这直接取自 jQuery 文档http://api.jquery.com/toggle-event/
注意:此方法签名在 jQuery 1.8 中已弃用,并在 jQuery 1.9 中删除。jQuery 还提供了一个名为 .toggle() 的动画方法,用于切换元素的可见性。是否触发动画或事件方法取决于传递的参数集。
该函数基本上与单击处理程序一起工作。在内部,代码只需要运行与第 1 次、第 2 次、第 [n 次] 关联的处理程序,根据它所绑定的元素收到的点击次数。
我建议不要使用此功能。