Magento - 如何在頁面的基礎上包含JavaScript文件

Question

在magento中，我知道如何在頁面佈局文件中包含js文件。儘管如此，我是否僅使用自定義模塊在特定頁面上包含特定的JavaScript文件。 例如，我正在編寫一個自定義模塊，它將與產品視圖和列表頁面一起工作。因此，我希望有一些佈局更新，我可以使用我的模塊，將包括我的JavaScript文件只在產品視圖和列表頁面。

Answer 1

您需要做的是找到要包含JS的頁面的佈局句柄，並將它們添加到自定義模塊的佈局XML中。例如，包括在產品視圖中的JS，你將以下節點添加到您的佈局：

<catalog_product_view> 
    <reference name="head"> 
    <action method="addJs"><script>path/file.js</script></action> **OR** 
    <action method="addItem"><type>skin_js</type><name>path/file.js</name></action> 
    </reference> 

選擇任一選項取決於您的JS文件住的地方。查看示例的默認catalog.xml或review.xml。

要計算佈局句柄（例如catalog_product_view），可以在他的博客中使用Alan Storm的優秀（免費）LayoutViewer模塊。

HTH， JD

Answer 2

，您將需要一個佈局更新單元添加到您的模塊配置文件。根據你說的話，你需要這樣的事情在你的佈局文件：

<?xml version="1.0"?> 

<layout version="0.1.0"> 
    <catalog_product_view> 
     <reference name="head"> 
       <action method="addJs"><script>yourscript.js</script></action> 
      </reference> 
    </catalog_product_view> 

    <catalog_category_view> 
      <reference name="head"> 
       <action method="addJs"><script>yourscript.js</script></action> 
      </reference> 
    </catalog_category_view> 

</layout> 

在你的模塊配置文件

然後，你需要這樣的：

這假定yourscript.js坐在js文件夾的根目錄下。很顯然，你不想把它放在這裏，所以做什麼喬納森建議及用途：

<action method="addItem"><type>skin_js</type><name>path/file.js</name></action> 

，並把你的JS在你的主題皮膚文件夾。

祝你好運！