2013-08-27 62 views
1

我一直在尝试更新我的page.xml时遇到问题。为了让我的jquery插件正常工作,我需要进行此修复。Magento中的Page.xml未正确更新

基本上在我的文本编辑器中,我已经将jquery插件放在jquery库下面并保存了。

<action method="addItem"><type>skin_js</type><name>js/jquery.min.js</name></action> 
<action method="addJs"><script>nanoScroll/nanoScroll.js</script></action> 
<action method="addJs"><script>customScroll/jquery.mCustomScrollbar.concat.min.js</script></action> 

但是,如果我检查页面并检查查看源代码,这就是我得到的。

<script type="text/javascript" src="http://cudsly.dev/js/nanoScroll/nanoScroll.js"></script> 
<script type="text/javascript" src="http://cudsly.dev/js/customScroll/jquery.mCustomScrollbar.concat.min.js"></script> 

<script type="text/javascript" src="http://cudsly.dev/skin/frontend/baby/default/js/jquery-ui-1.10.3.custom.js"></script> 
<script type="text/javascript" src="http://cudsly.dev/skin/frontend/baby/default/js/jquery.min.js"></script> 
<script type="text/javascript" src="http://cudsly.dev/skin/frontend/baby/default/js/bootstrap.min.js"></script> 

该插件是jQuery库的顶部,导致此错误 -

未捕获的ReferenceError:未定义的jQuery nanoScroll.js:2

未捕获的ReferenceError:未定义的jQuery

回答

1

当您对

<action method="addJs"><script>nanoScroll/nanoScroll.js</script></action> 

调用它的SA我打电话给

<action method="addItem"><type>js</type><script>nanoScroll/nanoScroll.js</script></action> 

添加到标题的每个“项目”都有一个类型。 ;类型的文件位于根级js/文件夹中。文件类型skin_js位于skin/frontend/[package]/[theme]/js文件夹中。在你的情况下,packagetheme分别是babydefault

更多有关你的问题:虽然Magento的将呈现他们在布局中添加的顺序选择项目,Magento的渲染所有js项目第一,然后呈现所有skin_js文件夹。由于您(或您的主题开发人员)已将jQuery的副本放置在主题文件夹中,因此它将始终在您使用addJs添加的项目之后呈现。

你两个选择是:

  1. 移动的jquery到js/文件夹,并更改addItem布局更新呼叫到addJs呼叫

  2. 移动你的代码在主题文件夹,并改变你的addJs布局更新致电addItem致电

1

Yo你可能想要在js文件夹中移动jquery.js。没有必要在主题js文件中使用它,因为所有主题的jquery都是相同的。

<action method="addItem"><type>skin_js</type><name>js/jquery.min.js</name></action> 

与这一个

<action method="addJs"><script>jquery.min.js</script></action> 
:移动它只需更换这行后