Jquery的模糊不会在Firefox和Chrome的工作，但在IE9

的作品我有模拟下拉多选框Jquery的模糊不会在Firefox和Chrome的工作，但在IE9

<div> 
    <div class="select"> 
     <span>Select something</span> 
    </div> 
    <div class="no-display select-list"> 
     <div> 
      <label class="unchecked" for="value1"> 
      Value1 
      </label> 
      <label class="unchecked" for="value2"> 
      Value2 
      </label> 
     </div> 
    </div> 
</div>

和JavaScript这样的HTML代码：

$(".select").live("click", function() { 
    $(".select-list").toggleClass("no-display").focus(); 
    }); 

    $(".select-list").live("blur", function() { 
    $(this).addClass("no-display"); 
    });

，但在Firefox和铬，模糊事件不起作用，但在IE9中工作。

我想要点击外部select-list元素，关闭它（意味着使它不可见）。

我使用blur事件后，在该元素上指定focus。

你能告诉我这样做的好方法吗？

感谢

来源

2012-03-26 Snake Eyes

只是一个侧面说明：'活的'已经过时了''on'是新的爸爸：P – 2012-03-26 14:14:53

我试过'live'和'on'。同样的问题。 – 2012-03-26 14:15:37

“模糊”事件不会冒泡，因此它不能在委托处理程序中使用。它在IE9中的工作原理可能是因为jQuery明确地“修复”了事件冒泡，并且在这种情况下它修复了一些。 – Pointy 2012-03-26 14:17:27