jquery - 将悬停添加到 .live('click', function ()

Question

此功能显示箭头-img-down（“显示”图标）。当我点击它打开滑动 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正在折旧。