0

私はdivを取得しました。これは、mouseenterで、別のdivを表示することを想定しています。プラグインでこれを実現する方法がわかりません。これが私のコードであり、これまでに試したことです。

コード：JsFiddle

<div class="hover-me"></div>
<div class="show-me"></div>

    var Nav = {
        hover_me: $('.hover-me'),
        show_me: $('.show-me'),

    init: function() {
        Nav.toggle_display();
        console.log('init');
    },

    toggle_display: function() {
        Nav.hover_me.mouseenter(function() {
            Nav.show();
        });

        Nav.hover_me.mouseleave(function () {
            Nav.hide();
        });
    },

    show: function() {
        Nav.show_me.fadeIn();
    },

    hide: function() {
        Nav.show_me.fadeOut();
    }
};

運が悪かったので、これをやろうとしました。

Nav.hover_me.mouseenter(function() {
      Nav.delay(1000).show();
 });
4

1 に答える 1

1

ジンボのコメントを参照してください：

var Nav = {
    // [...]
    timeoutId: undefined,
    // [...]
};

Nav.hover_me.mouseenter(function() {
    Nav.timeoutId = setTimeout(function() {
        Nav.show();
    }, 1000);
});

Nav.hover_me.mouseleave(function () {
    if (Nav.timeoutId) { clearTimeout(Nav.timeoutId); }
    Nav.hide();
});

フィドルを見る

于 2013-01-22T13:35:24.403 に答える