jquery悬停在悬停内

时间:2012-11-23 12:56:19

标签: jquery hover

(开始抱歉我的英文)! 我有一个jquery悬停问题。 我有一个导航,如果鼠标悬停一些元素(播放器和登录按钮)jquery show()相应的div。工作正常,但当我悬停相应的div div隐藏但应该留下来。

Navigatin元素:

<li class="hover" title="login"><img src="images/nav-log.png" alt="player" border="0" /></li>       
<li class="hover" title="player"><img src="images/nav-ply.png" alt="player" border="0" /></li>

jquery的:

var playerstat = 0;
$(".hover").mouseover(function() {


    link = $(this);
    layer = $("#" + link.attr("title") + "_content");   
    position = link.position();
    link.attr("id","aktiv");
    if(link.attr("title") == "player" && playerstat == 0){
        link.click(function() {

        });



    }

    layer.css({
        top : ($("html, body").scrollTop() + position.top + $(this).height() + 3) + 'px',
        left : (position.left - layer.outerWidth() + link.width()) + 'px'
    });

    layer.show();



    layer.mouseover(function() {
        alert("over");
        link.attr("id","aktiv");
        $(this).show();
        }).mouseleave(function(){
        link.attr("id","");
        $(this).hide();
    });
    }).mouseout(function(){
    link.attr("id","");   
    $("#" + $(this).attr("title") + "_content").hide();

});

玩家:

  <div id="player_content" class="theme-gradient theme-shadow">
      <span id="track-info" class="theme-fontbggrey"></span> 
  <span id="player-layer"></span></div>

我希望有人理解我...感谢帮助我

2 个答案:

答案 0 :(得分:1)

将“player_content”div写入<li class="hover" ...></li>标记

答案 1 :(得分:0)

可能这可以帮到你, 你可以这样做

$("#" + $(this).attr("title") + "_content").bind('mouseenter mouseleave', function() {
$(this).hide()
, $(this).show() 
});