Bootstrap blur() Workin nicht auf dem Etikett BTN

Question

Ich habe Label mit Klasse-Tasten wie folgt aus:

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

Und die jquery Rückruffunktion es zu verwischen funktioniert nicht:

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

Beispielseite : http://fiddle.jshell.net/e3m62md7/

Wie verwischt die Label-Schaltfläche, wenn nicht ausgewählt?

Answer 1

Die einzige Lösung, die ich gefunden habe, ist durch einen Anker und mit einem setTimeout verwenden:

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) 

Beispiel: http://fiddle.jshell.net/x8mr1f77/

Ohne die setTimeout hatte ich einige Probleme mit Firefox!

Ich hätte lieber eine sauberere Lösung gefunden ...