嗨,我一直在寻找和尝试实现这一目标的方法,但没有找到任何可以让它发挥作用的东西。
问题是我正在使用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>