Question

我在产品列表（list.phtml）页面中运行一个小的jQuery脚本。目前，产品一个在另一个之上，并按类别定义。产品列表包含各种信息片段，例如产品名称，代码，价格等。默认情况下，Magento以列表格式（与块列表相对）包含每个列表的简短产品描述。我添加了一个简单的onclick函数来显示/隐藏描述。我对jQuery相当新，因此它可能不会写得非常巧妙但是它似乎能达到它的目的......至少这就是我的想法。

在IE中，单击该功能后会显示错误。我的问题是，其他人可以检查这个并告诉我为什么会这样。一如往常，任何帮助都非常感谢。

访问http://www.littlekidsbeds.co.uk/special-offers.html目前所有类别页面都以相同的方式显示。

<script type="text/javascript">
    var $j = jQuery.noConflict(); 
    $j(document).ready(function() {     
        $j(".products-list .toggle").hide();
        $j(this).find(".products-list .desc").click(function() {
            $j(this).next(".products-list .toggle").toggle();
            $j(event).stopPropagation();
        });
    });
</script>

Internet Explorer（IE）中的错误消息

线：124 查尔：9 错误：对象不支持此proerty或方法代码：0 网址：http://www/littlekidsbeds.co.uk/ ...

进一步上述。在firebug错误控制台中调试并出现以下错误：$ j（event）.stopPropagation不是函数错误源代码行：[在此错误中断] $ j（事件）.stopPropagation（）;

任何对此解决方案感兴趣的人 - 在Magento中使用jQuery切换功能。我终于找到了最终的解决方案，似乎在firebug中没有出现任何错误。

<script type="text/javascript">
    var $j = jQuery.noConflict(); 
    $j(document).ready(function() {     
        $j(".YOURCLASS").hide();
        $j(this).find(".YOURCLASS").click(function() {
            $j(this).next(".YOURCLASS").toggle();
            event.stopPropagation();
        });
    });
</script>

Magento + jQuery切换点击功能（IE错误）

0 个答案: