Question

默认情况下，Magento包含所有js文件。

<script type="text/javascript" src="js/prototype/prototype.js"></script>
<script type="text/javascript" src="js/lib/ccard.js"></script>
<script type="text/javascript" src="js/prototype/validation.js"></script>
<script type="text/javascript" src="js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="js/varien/js.js"></script>
<script type="text/javascript" src="js/varien/form.js"></script>
<script type="text/javascript" src="js/varien/menu.js"></script>
<script type="text/javascript" src="js/mage/translate.js"></script>
<script type="text/javascript" src="js/mage/cookies.js"></script>

我想删除原型，scriptaculous库并使用jquery代替它们。我怎么知道这些库的使用位置以及其余js文件的作用。无论您是否需要系统，都不必包含这些文件。

任何提示？

Answer 1

javascript文件通常有两个主要位置......

您在上面提到的内容位于[magento-root]/js

里面有许多文件夹包含不同的js文件（例如js/scriptaculous/*.js）。

您的模板也可以包含自定义js文件..

它们通常位于skin/frontend/[package]/[template]/js

Answer 2

您可以通过Layouts XML添加/删除JS文件（以及CSS文件）。

大多数JS文件都是通过app / design / frontend / package_name / theme_name / layout / page.xml加载的

       <block type="page/html_head" name="head" as="head">
            <action method="addJs"><script>prototype/prototype.js</script></action>
            <action method="addJs"><script>lib/ccard.js</script></action>
            <action method="addJs"><script>prototype/validation.js</script></action>
            <action method="addJs"><script>scriptaculous/builder.js</script></action>
            <action method="addJs"><script>scriptaculous/effects.js</script></action>
            <action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
            <action method="addJs"><script>scriptaculous/controls.js</script></action>
            <action method="addJs"><script>scriptaculous/slider.js</script></action>
            <action method="addJs"><script>varien/js.js</script></action>
            <action method="addJs"><script>varien/form.js</script></action>
            <action method="addJs"><script>varien/menu.js</script></action>
            <action method="addJs"><script>mage/translate.js</script></action>
            <action method="addJs"><script>mage/cookies.js</script></action>

此布局page.xml类似于将为大多数页面加载的默认布局。您可以在此处（在您自己的主题中）注释所需的行，或声明您的jquery文件。确保在专用文件夹中提供jquery文件。

但是，如果您需要将这些jquery文件仅用于一个（或某些）模块，则不应通过page.xml直接加载它，而是通过所需的模块布局加载。示例：如果您需要为“联系我”页面删除/添加CSS / JS文件，那么您可以将您的声明发布到contacts.xml中，否则您的文件将在商店的任何位置加载和/或删除。

最后，除非你制作了一个自定义主题 full css whitout任何javascript，否则我认为没有理由删除原型和/或scriptaculous文件。关于jquery，可以在原型上轻松添加，但请确保正确配置它以避免这两个库之间发生冲突。

Answer 3

如果您想知道JS的使用位置，请参阅您或者您使用的是默认模板布局......就像您给出的示例一样。但我建议你保留两个原型并添加JQuery（尽可能多的管理功能等使用原型）以获得所需的位数，并且在将两个库一起使用时可以解决'$'问题[请参阅http：// docs .jquery.com / Using_jQuery_with_Other_Libraries]

使用magento中的默认js文件到底在哪里？

3 个答案: