Question

我想稍微增强我的论坛软件。假设我有一个ID为123的div。

现在有人回复此div并引用它。如果有人在报价上盘旋，我想展示这个div。

到目前为止我试过这个但没有成功。

$(".referal").hover(function() {
    var id_post = $(this).attr('id')
    $('#reply_' + id_post).show();
});

它获取正确的ID，但只有在我将其粘贴到控制台中时才会执行。现有的div也不会在报价附近第二次显示。

我是否错误地将节目事件弄错了？我之前尝试过.clone但也没有成功。

Answer 1

编辑：处理邮政编号作为全球ID：

var id_post;
$(".referal").hover(function() {
    id_post = $(this).attr('id')
    $('#reply_' + id_post).show();    
});

$(".referal").on("mouseout",function() {
    $('#reply_'+id_post).hide();
});

的jsfiddle

https://jsfiddle.net/0vjkxz9y/4/

这是您想要做的一个工作示例：

$('#reply_5').hide();
$(".referal").hover(function() {
    var id_post = $(this).attr('id')
    $('#reply_' + id_post).show();
});

$(".referal").on("mouseout",function() {
    $('#reply_5').hide();
});

https://jsfiddle.net/0vjkxz9y/

Answer 2

为什么不使用toggleClass？

＆＃13;

$( ".referal" ).on( "mouseenter mouseleave", function( event ) {
  var id_post = $(this).attr('id');
  $('#reply_' + id_post).toggleClass("active");
});

＆＃13;

.test {
    display: none;
}
.test.active{
    display:block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="referal" id="123">This div has ID 123</div>
<div class="test" id="reply_123">This div has ID reply_123</div>

＆＃13;

Answer 3

试试这段代码

$(".referal").hover(function() {
  var id_post = $(this).attr('id')
  $('#reply_'+ id_post +'').show();
});

在悬停时显示现有div

3 个答案: