0

私が達成したいのは、私が作成PanelBarした次のフィドルのように、パネルヘッダーにチェックボックスを追加することです。

以下はhtmlです：

<ul id='panelbar'>
    <li class='k-state-active'> <span class='k-link k-state-selected'>Tab 1 <input type="checkbox" class="cbSelect"/></span>
        <div>Test 1</div>
    </li>
    <li> <span class='k-link k-state-selected'> Tab2 <input type="checkbox" class="cbSelect"/></span>
        <div>Test 2</div>
    </li>
</ul>

チェックボックスをオンにしようとすると、そのタブが開くことがわかりました。

チェックボックスをクリックしたときに、クリックしたタブの onclick メソッドを無効にすることは可能ですか?

もしそうなら、どうすればこれを達成できるかについてのアイデアはありますか?

4

1 に答える 1

3

伝播を防ぐだけです:

$("#panelbar").on("click", "input.cbSelect", function(evt) {
    evt.stopPropagation();
})

参照: jsFiddle。

于 2013-04-12T08:14:19.800 に答える