mit Accordion von jQuery UI, bekomme ich eine unerwünschte blaue Markierung um den zuletzt angeklickten Link

Question

Ich benutze das Accordion Widget von jQuery UI.

Wenn ich auf einen Header klicke, um einen Abschnitt zu erweitern, wird dieser Header (eigentlich der Link innerhalb des Elements) hervorgehoben. In Chrome hat es eine blaue Markierung, als wäre es das aktuell ausgewählte Feld in einem Formular.

Ich muss das blaue Highlight loswerden, also habe ich den Code unten gehackt, und es scheint so weit zu arbeiten.

Ich frage mich jedoch, ob es eine bessere/sauberere Möglichkeit gibt, dies in jQuery zu tun. Ist das richtig??

$(function() { 
    $("#mainnav").accordion().blur($('#mainnav')); 
}); 

Answer 1

Ich habe nicht jQuery müssen beheben (schienen .blur() nicht zu funktionieren) das Problem, nachdem alle.

jQuery war ein class = "ui-state-focus" zu dem HTML-Code hinzufügen, so habe ich CSS, um anzuzeigen, dass diese Klasse nicht, wie so ...

#mainnav .ui-state-focus { 
    outline: none; 
} 

Answer 2

Für mich ist diese für JQuery UI funktioniert skizziert/hervorgehoben werden soll, 1.9 .2, Tabs widget: