Javascript 阻止显示到 jQuery onclick

Question

所以当我点击按钮时，Javascript 出色地显示了我的 DIV。

<script type="text/javascript">
//<![CDATA[
function showDivToCart() {
   document.getElementById('header-cart').style.display = "block";
}
//]]>
</script>

按钮看起来像这样：

<button type="button" title="<?php echo $buttonTitle ?>" id="product-addtocart-button" class="button btn-cart" onclick="productAddToCartForm.submit(this); showDivToCart();"><span><span><?php echo $buttonTitle ?></span></span></button>

现在我想从这个 JS 脚本更改为 jQuery，这样可以更轻松地设置样式并添加其他选项，如 fadeIn、fadeOut 等。因为我不想使用任何 CSS.

我得到了以下信息，但我不知道错误在哪里。由于这是针对 Magento 的，因此可能是 noConflict 函数的问题。

<script type="text/javascript">
//<![CDATA[
$('#product-addtocart-button').click(function() {
        $("#header-cart").show('slow');
});
//]]>
</script>

Answer 1

正如预测的那样，我找到了没有冲突的解决方案。这是嵌入在我的 'view.phtml'.

中的代码

<script type="text/javascript">
//<![CDATA[
var $j = jQuery.noConflict(); 
$j(document).ready(function(){
    $j('#product-addtocart-button').click(function() {
        $j("#header-cart").fadeIn('slow');
    });
});
//]]>
</script>

Javascript 阻止显示到 jQuery onclick

Javascript block display to jQuery onclick

javascript

jquery

magento