javascript - jquery 的绑定(bind)不起作用

Question

我正在试验 jQuery。我有这样的代码

//some buttons to edit a div's style (add/remove classes)
<button class="size" id="switcher-large"> Large Print </button>
<button class="size" id="switcher-default"> Default </button>
<button class="size" id="switcher-narrow"> Narrow Column </button>

//buttons to activate/deactivate the above buttons
<button class="hide" id="hide"> Hide it </button>
<button class="hide" id="active"> Activate it </button>


//when buttons clicked, add/remove classes to a div
$('#switcher-large').click(function(){$('#one').removeClass().addClass('large'); });    
$('#switcher-default').click(function(){$('#one').removeClass(); });
$('#switcher-narrow').click(function(){$('#one').removeClass().addClass('narrow'); });

//activate/deactivate the buttons with the "size" class
$('#hide').click(function(){ $('.size').unbind('click'); });
$('#active').click(function(){$('.size').bind('click')});

停用按钮效果很好。再次激活它们不起作用。我错过了什么？

提前致谢。

Answer 1

$('.size').bind('click') 无效。 bind() 需要知道将哪些函数绑定(bind)为处理程序。

有 1,000,000 种方法可以做到这一点，但您可能会发现简单地禁用按钮会更容易。这可以防止 click 处理程序触发；

$('#hide').click(function(){ $('.size').prop('disabled', true); });
$('#active').click(function(){ $('.size').prop('disabled', false); });