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/

jquery:

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