永远不会触发 jQuery 焦点事件

Question

我有父元素 <ul class="dropdown-menu big">包含子元素，如 <li><input class="contact-form"></li> .如果聚焦其中一个输入，我想在父元素上应用一些 css 样式，例如更改背景颜色:

jQuery(document).ready(function(){

   $(".contact-form").focus(function(){
      $(".dropdown-menu.big").css('background-color', '#ff5544');
   });

});

但是这段代码什么也没做，焦点事件什么也没发生，Chrome 调试器也没有显示任何错误。

编辑:删除了选择器中的空格，但没有任何改变。

---

编辑:问题是，永远不会触发焦点事件。我将代码更改为 alert("Hello! I am an alert box!!");并且没有显示警报。这是为什么？

Answer 1

这是一个有效的 fiddle ，背景应用于父 li + 模糊函数将其删除:https://jsfiddle.net/RexTangle4/o9Lsb91n/

j查询:

$('.contact-form').focus(function () {
    $(this).parent().css({
        backgroundColor: '#ff5544'
    });
}).blur(function(){
     $(this).parent().css({
        backgroundColor: ''
    });
});