jQuery 模糊() 不起作用？

Question

这里完全被难住了。尝试一些很简单的东西，但它不起作用:

$("input.input1, textarea.input1").focus(function(){
    $(this).addClass("input2").removeClass("input1");
});
$("input.input2, textarea.input2").blur(function(){
    $(this).addClass("input1").removeClass("input2");
});

基本上模糊没有触发。我单击输入框，该框发生变化。我点击远离框的地方，但没有任何反应。对此的任何帮助都会很棒。

Answer 1

您需要使用委托(delegate)处理程序，因为应用处理程序时输入不具有类 input2。

$(document).on('focus','input.input1, textarea.input1', function() {
    $(this).addClass('input2').removeClass('input1');
});
$(document).on('blur','input.input2, textarea.input2', function() {
    $(this).addClass('input1').removeClass('input2');
});

但是，可能有更好的方法来做到这一点。我建议使用第三个类来标记需要切换类的输入，然后在事件发生时切换类。

$('.needsToggle').on('focus blur', function() {
     $(this).toggleClass('input1 input2');
});

如果它们总是以 input1 类来启动，您可以使用它来代替 needsToggle。