Question

嗨我需要在悬停时显示隐藏的div，因为我已经创建了一个下面的jquery函数

<script>
var con =jQuery.noConflict();   
con(document).ready(function(){
con(".loop").hover(function() {
    con(this).find('span.soc').show();
},function() {
con( this ).find( "span.soc" ).hide();
});

con("span.soc").hover(function() {
    con(this).hide();
});




});
</script>

以下是html代码

     <td class="loop"><?php if ($this->hasProductUrl()):?><a href="<?php echo $this->getProductUrl() ?>" title="<?php echo $this->htmlEscape($this->getProductName()) ?>" class="product-image">
    <?php endif;?><img src="<?php echo $this->getProductThumbnail(); ?>"
 style="width:75px;height:53px;" 
    alt="<?php echo $this->htmlEscape($this->getProductName()) ?>" /><?php if ($this->hasProductUrl()):?></a><?php endif;?>


    <span class="soc" > <?php if ($this->hasProductUrl()):?><a href="<?php echo $this->getProductUrl() ?>" title="<?php echo $this->htmlEscape($this->getProductName()) ?>" class="product-image">
    <?php endif;?><img src="<?php echo $this->getProductThumbnail(); ?>" style="width:250px;height:160px;" 
    alt="<?php echo $this->htmlEscape($this->getProductName()) ?>" /><?php if ($this->hasProductUrl()):?></a><?php endif;?>

     </span>
    </td>

它工作正常，但这个
有一个奇怪的问题
当我将它从右侧，顶部和底部悬停时，它会隐藏隐藏的div

但是当我从左侧徘徊时，它就会开始工作。

请建议我做错了

Answer 1

好吧，由于

，我遇到了这个问题

con("span.soc").hover(function() {
    con(this).hide();
});

在悬停时隐藏了div，但现在我得到了另一个问题，当我在社交div上时它没有隐藏，我需要在悬停时隐藏它

请提出一些想法

隐藏的div没有显示从各方面悬停Jquery

1 个答案: