将jQuery .Toggle（）与Live或Bind一起使用

最新推荐文章于 2024-09-17 13:42:29 发布

dingshi7798

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量89

点赞数

文章标签： javascript ViewUI

简而言之，您可以将Live和Toggle结合使用，但不必编码最佳实践。 jQuery .Live（）和jQuery .Toggle（）都自动为元素创建自己的绑定事件。当它们一起使用时，这会引起问题，因为您需要单击两次按钮才能使Toggle起作用。

一种解决方法是将Live（'click'）事件与Toggle事件一起使用，可以在函数调用的末尾添加.Trigger（'click'）命令，如下所示：

// Add sort functions on dynamic elements inserted into DOM
$('.sort').live('click',JQUERY4U.sortClickListener);

[code lang="js"]
//function inside JQUERY4U namespace
sortClickListener: function(){

	// Find second class name
	var button = $(this).attr('class').split(' ');
	// Sort table
	$(this).toggle(function() {
		$('.item').tsort('.'+button[1],{order:'desc'});
	}, function() {
		$('.item').tsort('.'+button[1]);
	}).trigger('click'); /*force the button to work with 1 click*/
},

另一种方法是使用.Data方法，但这将是过大的方法，也是解决难题的漫长方法。

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

From: https://www.sitepoint.com/jquery-toggle-live-bind/