twitter-bootstrap - Bootstrap blur() 不适用于标签 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

我找到的唯一解决方案是使用 anchor 和 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 时会遇到一些问题!

我宁愿找到一个更清洁的解决方案...