使用live或bind使用jQuery .toggle（）

简而言之，您可以一起使用实时和切换，但要编码最佳实践，您不应该进行。 jQuery .live（）和jQuery .toggle（）自动创建自己的绑定事件。当您一起使用时，这会导致问题，因为您需要两次单击按钮才能使切口工作。 解决此问题的一种方法是使用live（click'）事件与内部切换事件使用您可以将.trigger（click'click'）命令添加到函数呼叫的末尾：

<span>// Add sort functions on dynamic elements inserted into DOM
</span><span>$('.sort').live('click',JQUERY4U.sortClickListener);
</span>
<span>[code lang="js"]
</span><span>//function inside JQUERY4U namespace
</span><span>sortClickListener: function(){
</span>
	<span>// Find second class name
</span>	<span>var button = $(this).attr('class').split(' ');
</span>	<span>// Sort table
</span>	<span>$(this).toggle(function() {
</span>		<span>$('.item').tsort('.'+button[1],{order:'desc'});
</span>	<span>}, function() {
</span>		<span>$('.item').tsort('.'+button[1]);
</span>	<span>}).trigger('click'); /*force the button to work with 1 click*/
</span><span>},</span>

另一种方法是使用.DATA方法，但这将是过度杀伤和解决难题的长期方式。

<span>$(".reply").live('click', function () {
</span>    <span>var toggled = $(this).data('toggled');
</span>    <span>$(this).data('toggled', !toggled);
</span>    <span>if (!toggled) {
</span>        <span>x1();
</span>    <span>}
</span>    <span>else {
</span>        <span>x2();
</span>    <span>}
</span><span>});</span>

>关于jQuery toggle

的常见问题（常见问题解答）

> jquery toggle（）和toggleclass（）？

> jQuery toggle（）函数用于所选元素之间的jquery toggle（）函数。这意味着，如果最初显示元素，它将被隐藏，反之亦然。另一方面，toggleclass（）函数用于从所选元素中添加或删除一个或多个类。这意味着，如果存在指定的类（ES），将被删除，如果它不存在，则将添加。

>

>我如何使用jquery toggle（）显示或隐藏多个元素？

>

您可以使用jquery toggle（）使用jquery toggle（）来显示或隐藏多个元素，以通过使用共同的类别选择多个元素。例如，如果您具有“ myDiv”类具有多个Div元素，则可以使用$（'。mydiv'）。toggle（）。

我可以将jquery toggle（）与动画一起使用吗？ toggle（）函数可以采用两个参数：持续时间和回调。持续时间参数指定动画的持续时间，并且回调参数是在toggle（）函数完成后要执行的一个函数。

>

为什么我的jquery toggle（）函数不起作用？

可以有几个原因，为什么您的jquery toggle（）函数不起作用。一些常见问题包括：jQuery库未正确包含在您的项目中，您尝试选择的元素不存在或CSS显示元素的属性设置为“无”。

>

我如何使用jquery toggle（）更改按钮的文本？例如，您可以创建一个函数，该函数使用toggle（）函数单击按钮时会更改文本。

>

>我可以将jQuery toggle（）与悬停？

>是的，您可以将jQuery toggle（）函数与Hover一起使用。但是，由于悬停事件不是标准的JavaScript事件，因此您需要使用MouseEnter和Mouseleave事件。您可以在这些事件的回调函数中使用toggle（）函数在鼠标指针输入或离开它时显示或隐藏元素。

>

如何使用jquery toggle（）与复选框使用jquery toggle（）？

>

您可以根据Checkbox的Checkbox of Checkbox of Checkbox的状态使用jQuery toggle（）使用jquery toggle（）来显示jquery toggle（）。您可以使用复选框的更改事件来调用toggle（）函数，只要检查状态更改。

我可以将jquery toggle（）与无线电按钮使用？

是的，您可以将jquery toggle（）函数与无线电按钮一起使用。与复选框类似，您可以使用“单选”按钮的“更改事件”来调用toggle（）函数。每当选定的无线电按钮更改。

>

>如何将jquery toggle（）与下拉菜单使用jquery toggle（）？

您可以使用jquery toggle（）使用jquery toggle（）使用下拉列表或隐藏下拉列表菜单时，请使用下拉列表菜单。您可以使用“下拉”按钮的单击事件来调用toggle（）函数。>我可以将jquery toggle（）与forms？>是的，您可以使用jQuery toggle（）函数使用comment function and fight fight offe tofe或hide fights fights？例如，您可以使用toggle（）函数的下拉菜单的选定选项显示或隐藏文本输入字段。>

以上是使用live或bind使用jQuery .toggle（）的详细内容。更多信息请关注PHP中文网其他相关文章！