javascript - Accordion 防止点击链接

Question

我有一个 Accordion ，其中有一个链接，但是每当我单击该链接时， Accordion 就会认为我正在尝试关闭它。它的设置是这样的，您可以单击 Accordion 上的任意位置来打开或关闭我想保留的它，但是当我点击链接时，忽略 Accordion 行为并点击链接。

<div class="wrap">
    <div class="top"></div>
    <div class="middle">
        <h3>Always showing</h3>
        <div class="hidden">
            <p>I want to <a href="/lets-gooo">follow this link</a>.</p>
        </div>
    </div>
    <div class="bottom"></div>
</div>


$('.wrap').on(touchClick, function (e) {
    if ($(this).hasClass('active')) {
        $(this).removeClass('active');
        $(this).find('.hidden').slideUp('fast');
        return false;
    }
    $('.wrap').each(function (index, el) {
        $(this).removeClass('active');
        $(this).find('.hidden').slideUp('fast');
    });
    $(this).find('.hidden').slideDown('fast');
    $(this).addClass('active');
});

Answer 1

未经测试，但我相信这会起作用

$('.wrap').on(touchClick, function (e) {
//other code
});
$( "a" ).click(function( event ) {
  event.stopPropagation();
});

它应该阻止点击冒泡并触发 Accordion 事件。

作为事后的想法，如果您想像 Accordion 一样使用 touchClick，您可以将其重写为。

$( "a" ).on(touchClick, function (e) {
  e.stopPropagation();
});