Question

此功能显示 arrow-img-down （'show'图标）。当我点击它打开滑动div然后img变成 arrow-img-up （一个'隐藏'图标）

我想添加到这个img替换.src函数，并将鼠标悬停在当前img上，如下所示：

$(".showhide").live('click', function () {
    if ($(this).attr("class") == "showhide") {
        this.src = this.src.replace("img/show_btn.png", "img/hide_btn.png");}
         else {
             this.src = this.src.replace("img/hide_btn.png", "img/show_btn.png");}

    $(this).toggleClass("img/show_btn.png");
});

如何添加？

Answer 1

以下是代码的改进版本：

$( document ).on( 'click mouseenter mouseleave', '.showhide', function () {
    if ( $( this ).hasClass( 'showhide' ) ) {
        this.src = this.src.replace( 'img/show_btn.png', 'img/hide_btn.png' );
    } else {
        this.src = this.src.replace( 'img/hide_btn.png', 'img/show_btn.png' );
    }
} );

Answer 2

添加悬停字。

$(".showhide").live('click hover', function () {
    if ($(this).attr("class") == "showhide") {
        this.src = this.src.replace("img/show_btn.png", "img/hide_btn.png");}
         else {
             this.src = this.src.replace("img/hide_btn.png", "img/show_btn.png");}

    $(this).toggleClass("img/show_btn.png");
});

Answer 3

$('.showhide').on('click hover', function (e) {
    // Your code here
    // Inside here you can use e.type to find out whether it was a
    // "click", "hover", "mouseup", etc...
});

您可以使用.on或.bind，而不是.live。最好使用.on，因为.live和.bind正在折旧。

将鼠标悬停添加到.live（'click'，function（）

3 个答案: