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

正如预测的那样，我已经找到了noconflict的解决方案。这是我的'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

1 个答案: