引导模糊（）不干活标签上BTN

Question

我有类按钮这样的标签：

<label class="btn btn-primary">30 
    <input type="checkbox" autocomplete="off"> 
    <span class="glyphicon glyphicon-ok"></span> 
</label> 

而jQuery的回调函数来模糊它不工作：

$("label").on("click", function(event) { 
    $(event).blur() 
}) 

示例页面：http://fiddle.jshell.net/e3m62md7/

如何在未选中时模糊标签按钮？

Answer 1

我发现的唯一的解决方案是通过使用锚和使用的setTimeout：

HTML：

<a id="AFocus" href="#"></a> 

JS：

$.fn.focusWithoutScrolling = function() { 
     var x = window.scrollX, y = window.scrollY; 
     this.focus(); 
     window.scrollTo(x, y); 
}; 
setTimeout(function() { $("#AFocus").focusWithoutScrolling(); }, 10) 

实施例：http://fiddle.jshell.net/x8mr1f77/

没有setTimeout我有一些Firefox的问题！

我本来希望找到更清洁的解决方案......