アコーディオンの各見出しに、何かを無効にするかどうかを示すチェックボックスを入れようとしています。チェックボックスは上手く表示されますが、アコーディオンヘッダー全体が<a>タグにリンクされているため、クリックできません。 <a>タグの外側にチェックボックスを置くと、見出しの下にチェックボックスが表示されます。これは私が望むものではなく、クリック可能でもありません。jQueryUIアコーディオンとチェックボックス
<div id="accordion">
<h3><a href="#">Text <span id="id">More text<input type="checkbox"/></span></a></h3>
<div>content etc</div>
</div>
あなたがアコーディオンパネルが無効になっているときにも、チェックボックスを非表示にする
$('#accordion input[type="checkbox"]').click(function(e) {
e.stopPropagation();
});
ありがとう、これは多くの感謝！ –
入力コントロールをハイパーリンクから外しています。
<h3><a href="#">Text</a><span id="id">More text<input type="checkbox"/></span></h3>
私はOPで指定されたように（私の説明では "タグ"の単語の前にのコードを忘れてしまった）動作しません。 – Michael
ああクールだ...私はちょうど前にハイパーリンクの入力コントロールで働いたことがない:) – alistair
HTMLで
<input type="checkbox" name="foo" />
やイベントで
$('input[name=foo]').attr('checked', true);
を使用して、acordionのクリックイベントでチェックする]チェックボックスを設定してみてください。
<input type="checkbox" onclick="event.stopPropagation()" />
のようなこの
example jsfiddle
何かを修正するために
stopPropagation()を使用することができますか？ –チェックボックスをオン/オフしない、またはクリックしたときにアコーディオン動作をしたくないという問題がありますか？ – kinakuta
あなたが言及したアコーディオンの動作は素晴らしいかもしれませんが、私がチェックについて話していた/アレンジしていないチェックを外すことはできません。 – Michael