Question

我有一个简单的手风琴，由jquery动画，在其中一个选项中，我正在做一个CSS动画的iphone按钮（开/关）。问题是，每次我点击按钮手风琴jquery（我很确定e.stopPropagation（）;或e.preventDefault（）;）的一些问题避免按钮动画，我确定这是因为我已经取消手风琴脚本，按钮工作正常，我很新的jquery所以我真的不知道如何解决这个问题。

当我取下e.preventDefault（）时，请注意;来自手风琴脚本的第一个按钮动画线，每次我点击另一个按钮动画第一个按钮，有点疯狂。

这是在线示例 http://wearehellyeah.com/test/nueva_tipologia_12.html#

以下是手风琴的剧本：

$(document).ready (function(){
    $(".acordeon ul li:has(ul)").addClass("has-sub");

    $('.acordeon').on("click", "li", function (e) {
        e.preventDefault();
        e.stopPropagation();
    });

    $('.acordeon').on("click", ".has-sub", function (e) {
        e.preventDefault();
        e.stopPropagation();

        if (!$(this).hasClass("active")) {
        $(this).addClass("active");
        $(this).children("ul").slideDown('normal');
        } else {
            $(this).removeClass("active");
            $(this).children("ul").slideUp('normal');
        }
    });

手风琴中的iphone按钮的html

<div class="onoffswitch">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
<label class="onoffswitch-label" for="myonoffswitch">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</div>

Jquery手风琴和内部动画e.stopPropagation（）;问题

0 个答案: