使用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中文網其他相關文章！