jQuery 切换仅在第一次有效

Question

我有一个切换()按钮，我试图用它来显示加号/减号图像。它真正起作用的唯一一次是在第一次点击时。

我的代码:

$("#xmlDiv").on("click", "ul", function(e) {
    $(this).find(".mainlist").slideToggle(function () {
        $('span.minus').html('<img src="images/plus.png">');
        },function() {
        $('span.minus').html('<img src="images/minus.png">');
    });
});  

HTML:

<span class="minus"><img src="images/minus.png"></span>

我使用 on 是因为 #xmlDiv 内部的内容是在页面加载后填充的。

感谢您的帮助!

Answer 1

slideToggle()只能有一个在完成后调用的回调，而不是像 hover 事件这样的多个回调。

.slideToggle( [duration ] [, complete ] )

考虑以下具有 2 个参数的代码:

• 持续时间
• 回调

<小时/>

$("#xmlDiv").on("click", "ul", function(e) {
    $(this).find(".mainlist").slideToggle('slow', function () {
        if($('span.minus img').attrib('src') == 'images/plus.png')
            $('span.minus img').attr("src", "images/minus.png");
        else
            $('span.minus img').attr("src", "images/plus.png");
    });
});