Magento尝试触发鼠标悬停效果

时间:2016-04-10 14:21:47

标签: javascript php jquery html magento

我正在为Magento运行puro icotheme,我真的很想在客户点击产品页面上的购物车后立即触发购物车预览(在标题上鼠标悬停时可用)。 这是我的代码,但控制台出现意外令牌错误

<button type="button" title="<?php echo $this->__('Add to cart');?>" data-button="<i class='fs1' aria-hidden='true' data-icon=''></i><span><?php echo $buttonTitle ?></span>" class="btn-cart" onclick="productAddToCartForm.submit(this); document.getElementsByClassName("icon-cart-header")[1].click()">

我尝试了onmouseover()和click()......

谢谢大家!

1 个答案:

答案 0 :(得分:0)

如果你想用课程触发css :hover,你可以like this执行此操作:

$("a").hover(function(){
    $(this).addClass('hover');
},function(){
    $(this).removeClass('hover');
});

如果您想在点击事件后从button触发相同的效果,则可以like this执行此操作:

$("button").click(function(){
    $(this).toggleClass('hover');
});

this one从按钮切换链接上的类:

$("button").click(function(){
    $("a").toggleClass('hover');
});