Bootstrap blur() 无法处理标签 btn

Question

我有带有 class 个按钮的标签，如下所示：

<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 时遇到了一些问题！

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

Bootstrap blur() 无法处理标签 btn

Bootstrap blur() not working on label btn

label

blur

button

twitter-bootstrap