1

http://jsfiddle.net/pBt38/5/で表示されるように、div.message_options_sliderのちらつきを止める方法がわかりません。これは子要素なので、マウスオーバーをアクティブに保つ必要はありませんか?

また、これは動的要素に適用されるため、提案には .live() 関数が必要です。

前もって感謝します！

4

3 に答える 3

2

このJSを試してください：

$(".network_block_item").on("mouseover", function(){
    //alert("here");
    var cord = $(this).position();

    $(this).find(".message_options_slider").css({
        position: 'absolute',
        top: cord.top,
        left: 0,
        display: 'block'       
    });
});

$(".network_block_item").on("mouseout", function(){
    $(".message_options_slider").css({ display: 'none' });
});

そして、すべてのネットワーク行に message_options_slider を追加します。

編集

このコードは実際にはもっと良いかもしれませんが、確かではありません:

$(".network_block_item").on("mouseenter", function(){
    //alert("here");
    var cord = $(this).position();

    $(this).find(".message_options_slider").css({
        position: 'absolute',
        top: cord.top,
        left: 0,
        display: 'block'       
    });
});

$(".network_block_item,.message_options_slider").on("mouseleave", function(){
    $(".message_options_slider").css({ display: 'none' });
});
于 2012-06-25T20:15:13.250 に答える
1

これmessage_options_sliderは3番目のdivの子であるため、現在ホバーされている上に移動するように位置を変更するとdiv、「マウスアウト」がトリガーされます（3番目のdivにカーソルを合わせてもちらつきがないことに注意してください）。各divにを入れてmessage_options_slider、対応するdivのCSSを変更するか、現在のdivに挿入してちらつかないようにすることができます。

于 2012-06-25T20:06:33.867 に答える
1

ここでいくつかの問題があります。ポップアップのインスタンスを 1 つだけにしたい場合は、次のようにすることができます。

http://jsfiddle.net/pBt38/6/

于 2012-06-25T20:31:12.500 に答える