2

この関数は、arrow-img-down(「表示」アイコン)を表示します。クリックしてスライドdivを開くと、imgがarrow-img-up(「非表示」アイコン)に変わります。

このimgreplace.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");
});

どうすれば追加できますか?

4

3 に答える 3

2

コードの改良版は次のとおりです。

$( 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' );
    }
} );
于 2012-12-30T13:36:50.373 に答える
0

ホバーワードを追加します。

$(".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");
});
于 2012-12-30T13:34:14.917 に答える
0
$('.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

于 2012-12-30T13:40:48.007 に答える