Question

使用以下链接

事情正常运作

以上代码是：

<div class="purchasing-tips">
<div id="slender-trigger">nnnn</div> 
                   <div id="slender"></div>
</div>

$("#slender-trigger").on("mouseenter", function() {
      $("#slender").show();
}).on("mouseleave", function() {
      $("#slender").hide();
});

#slender-trigger {
background-color: #CCC;
height: 80px;
width: 40px;
margin-left: 70px;
margin-top: 50px;
position: absolute;
}
#slender {
font-family: 'Strait', sans-serif;
height: 400px;
width: 400px;
border: thin dotted #F00;
position: absolute;
margin-top: 100px;
display: none;  
}

现在，如果我用这个启用动态ID，它只是停止在悬停时显示div框，是否有一些问题

请指导，发送更新在这里

http://jsfiddle.net/RBJ9R/1292/

不起作用

Answer 1

您的代码编写不当。

   $(".image").on("mouseenter", function() {
          var pop = $(this).next().show();

    }).on("mouseleave", function() {
             var pop = $(this).next().hide();
   });

http://jsfiddle.net/RBJ9R/1293/

Answer 2

我建议使用此代替代码

    $(".image").on("mouseenter", function() {
        $(this).find('.slender').show();

    }).on("mouseleave", function() {
        $(this).find('.slender').hide();
    });

Answer 3

你的代码不工作的原因（除了明显的错误，如选择类而不是id属性，包括重构id中的随机连字符，并且不包括重构id中的〜）是CSS id不能包含波浪号。如果用连字符（ - ）替换〜（并修复其他错误），你的代码就可以工作了，尽管其他一个解决方案可能会为你提供更好的服务。

$("#popup-"+pID).show();

http://jsfiddle.net/RBJ9R/1294/

css的问题show hide with dynamic id＆＃39;

3 个答案: