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

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

Bootstrap blur（）不在标签btn上工作

1 个答案: