css显示隐藏动态id'的问题;

issue with css show hide with dynamic id'

本文关键字：问题 id 显示 隐藏 动态 css      更新时间：2023-09-26

使用以下链接

正常工作

http://jsfiddle.net/RBJ9R/

上述代码为：

<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/

不起作用的

您的代码编写不正确。

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

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

我建议使用它而不是您的代码

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

您的代码不起作用的原因（除了选择类而不是id属性等明显错误外，在重构的id中包括随机连字符，并且在重构的id中不包括~）是CSS id不能包含波浪号。如果将~替换为连字符（-）（并修复其他错误），则代码可以正常工作，尽管其他解决方案可能会更好地为您服务。

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

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

相关文章：