Question

所以我试图在我们的onepage checkout页面上加载以下jQuery代码...基本上它应该在输入文本字段时显示相关的div ...但是，它只是不会加载。我在jsfiddle中尝试过它，它运行正常，但是一旦在Magento上，它就无法工作......

jQuery CODE

<script>
  jQuery.noConflict();

  jQuery(window).load(function(){
jQuery(".show-hidden-div").click(function() {
    jQuery('.hidden-div').css('display','none');
    var inputId = $(this).attr('id');
    jQuery("#tip-"+inputId+"").show();
});

});
</script>

以上代码直接输入head.phtml文件

这是jsfiddle的链接，显示它应该如何工作.... http://jsfiddle.net/PeTUy/8/

任何见解都会有所帮助！

Answer 1

Magento默认不包含jQuery，您需要先包含jQuery源代码。

如果你还没有包含jQuery，这里有一个可能有用的链接：

http://www.magentocommerce.com/boards/viewthread/268482/

假设你已经这样做了，那么使用jQuery的noConflict模式的好处就是重新定义用于选择元素的变量，如下所示：

var $j = jQuery.noConflict();

然后在需要的地方使用$ j：

$j(document).ready(function(){

    $j(".selector).functionName();

});

这样，jQuery使用的标准“$”变量不会与使用相同变量的原型相冲突。

Answer 2

然而关于Magento和jQuery以及Prototype的用法：

在任何原型脚本之前包含jQuery
添加jQuery.noConflict（）;直接到jQuery文件的末尾，以确保它始终在Prototype脚本之前调用并正确隔离

你需要这个来避免protptype和jquery冲突，因为它们都以$作为方法名称

使用Magento，如何加载jQuery脚本？

2 个答案: