jquery Accordion防止手风琴改变

时间:2014-01-14 10:19:13

标签: jquery accordion jquery-ui-accordion

我正在使用jquery Accordion来隐藏一些数据。

accordion标题是一个包含一些表格标题的表格。 有一个我不想要的标题如果你点击它就会触发手风琴事件。

所以

<div id="accordion">
    <div id="table">
    <table>
        <tr>
        <th>Test</th>
        <th></th>
        <th></th>
        <th class="nofunction">Test2</th>
        </tr>
    </table>
    </div>
    <div>
        <p>
        Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
        ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
        amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
        odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
        </p>
    </div>
</div>

手风琴是可折叠的,如果你点击Test2(类nofunction),手风琴事件不应该开启。但是如果你点击Test或其他表格Headers,手风琴应该发射该事件。

我可以添加此功能吗?

更新 http://jsfiddle.net/e3Q8d/进行测试。包括jquery ui

1 个答案:

答案 0 :(得分:1)

只需将其添加到您的JS:

$(".nofunction").on("click", function(e){
    e.stopPropagation();
});

Fiddle