0

嗨,我一直在寻找和尝试实现这一目标的方法,但没有找到任何可以让它发挥作用的东西。

问题是我正在使用gallerific.js,所以我想要的是悬停图像而无需单击链接,我实现了这一点,然后我想让链接可链接并且它有效,我唯一的问题是我正在使用mouseenter 在我使用 window.open 的同一类中,站点尝试使用指向 open.window 的链接打开我的弹出窗口。这是我的代码:

 <li> 
 <a class="thumb" href="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>"><?php echo $product['name']; ?></a>           
<script type="text/javascript">      
$("a.thumb").click(function(){
    window.open("index.php?route=product/product&product_id=<? echo $rest;?>")

});
</script>
</li>

这是 mouseenter 函数:

   $('a.thumb').mouseenter(function(e)
{ 
    $(this).click();

});

我想要实现的是在没有“悬停”链接的情况下将两者结合起来,任何帮助将不胜感激!谢谢你!

解决了,答案如下:

         <?php  foreach ($products as $product) { 
          $enlace= $product['href']; 
          $rest = substr($enlace, -2); 
          ?>

     <li> 
     <a class="thumb" href="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>"><p class="thumb2"><?php echo $product['name']; ?></p></a>         
    <script type="text/javascript">      
    $("p.thumb2").click(function(){
        window.open("index.php?route=product/product&product_id=<? echo $rest;?>", "_self")

    });
    </script>
    </li>

         <?} ?>
            </ul>
        <script type="text/javascript">
            //Makes hover work instead of click on gallery
            $('a.thumb').mouseenter(function(e)
{ 
    $(this).click();

});</script>
4

1 回答 1

0

你想做什么是不可能的,你试图绑定 2 个不同的事件,但是如果你要点击鼠标必须先悬停它,你无法避免,我建议重新评估你的策略,也许添加一个不同的链接来触发您的弹出或更改类,并根据悬停或单击的类触发不同的事件。

于 2013-07-10T15:38:45.633 回答