Radioknopf in Kopf von jquery ui Akkordeon verursacht es nicht zu reagieren

Question

Ich habe eine ziemlich einfache jQuery Akkordeon mit Radio-Tasten in jeder Kopfzeile.

Sehen Sie diese JSFiddle

Wenn ich ein Optionsfeld wählen sollte geprüft erhalten und das Akkordeon sollte an diesem Ort öffnen. Das seltsame Problem ist, dass sich das Akkordeon öffnet, aber das Radio nicht überprüft wird.

Für mich sieht das aus wie ein Bug in jQuery-Ui, jede Hilfe wäre willkommen.

<div class="accordion"> 
    <h3> 
     test1 
     <input type="radio" checked="checked" name="radio" /> 
    </h3> 
    <div> 
     content<br /> 
     content<br /> 
     content<br /> 
     content<br /> 
    </div> 
    <h3> 
     test2 
     <input type="radio" name="radio" /> 
    </h3> 
    <div> 
     content<br /> 
     content<br /> 
     content<br /> 
     content<br /> 
    </div> 
    <h3> 
     test3 
     <input type="radio" name="radio" /> 
    </h3> 
    <div> 
     content<br /> 
     content<br /> 
     content<br /> 
     content<br /> 
    </div> 
</div> 

js:

$(".accordion").accordion() 

Wie Sie seine ungefähr so ​​einfach, wie es bekommen ...

Answer 1

Ereignis Was auch immer sehen können Sie .preventDefault() aufgerufen verwenden müssen (die Standardeinstellung ist "click") Sie können also einfach zu einem ähnlichen Ereignis wechseln:

You cant test it here.