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

themessage_options_slider是第 3 个 div 的子元素，因此当您将其位置更改为位于当前悬停的顶部时div，它会触发“mouseout”（请注意，如果您将鼠标悬停在第 3 个 div 上，则不会出现闪烁）。您可以message_options_slider在每个 div 中有一个并更改相应 div 的 CSS，或者您可以将其插入到当前 div 中，这样它就不会闪烁

于 2012-06-25T20:06:33.867 回答
1

你这里有几个问题。如果您只想拥有一个弹出窗口实例，您可以这样做：

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

于 2012-06-25T20:31:12.500 回答