javascript - Magento 尝试触发鼠标悬停效果

Question

我正在为 Magento 运行 puro icotheme，我真的很想在客户单击产品页面上的“添加到购物车”后立即触发购物车预览(将鼠标悬停在标题上即可使用)。 这是我的代码，但控制台给出了意外的 token 错误

<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()...

谢谢大家!

Answer 1

如果你想用类触发css :hover ，你可以这样做like this :

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

如果您想在点击事件后通过按钮触发相同的效果，您可以这样做like this :

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

或者this one通过按钮切换链接上的类:

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