jQueryUI accordéon avec des cases à cocher

Je suis en train de mettre une case à cocher dans chaque de mon accordéon rubriques pour indiquer si quelque chose doit être désactivé ou pas. La case à cocher montre bien, cependant, il n'est pas cliquable comme l'ensemble de l'accordéon en-tête est lié à la <a> tag. Mettre la case à cocher à l'extérieur de la <a> étiquette de la case à cocher apparaissent en dessous de la tête, ce qui n'est pas ce que je veux, et il n'est toujours pas cliquable.

<div id="accordion">
    <h3><a href="#">Text <span id="id">More text<input type="checkbox"/></span></a></h3>
    <div>content etc</div>
</div>
vous souhaitez case masquer également lorsque le panneau accordéon est désactivé?
Le problème est que la case à cocher ne pas cocher/décocher ou que vous ne voulez pas de l'accordéon de comportement lorsque vous cliquez sur elle?
Ne pas cocher/décocher, l'accordéon, le comportement que vous avez mentionné, pourrait être sympa, mais ouais je parlais cochez/décochez l'option ne fonctionne pas.
Très bonne question posée et de la bonne answerd trop.. c'est le plus souvent nécessaire. Merci les gars

OriginalL'auteur Michael | 2011-09-15

  1. 29

    Vous pouvez utiliser stopPropagation() pour résoudre ce

    exemple jsfiddle

    quelque chose comme 

    $('#accordion input[type="checkbox"]').click(function(e) {
    e.stopPropagation();
});
    Merci beaucoup pour cette très apprécié!

    OriginalL'auteur MikeM

  2. 2

    Je serait de prendre le contrôle d'entrée de l'hyperlien.

    <h3><a href="#">Text</a><span id="id">More text<input type="checkbox"/></span></h3>
    Ne fonctionne pas, comme je l'ai spécifié dans l'OP (oublié le <a> code avant la balise" mot dans mon explication).
    Ah cool...j'ai juste jamais travaillé avec un contrôle d'entrée dans un hyper lien avant 🙂

    OriginalL'auteur alistair

  3. 0

    Essayez de régler une case est cochée dans la acordion cliquez sur l'événement, à l'aide de

    <input type="checkbox" name="foo" />

    dans le code html et

    $('input[name=foo]').attr('checked', true);

    dans l'événement.

    OriginalL'auteur Olaf