如何在Opencart中動態添加JavaScript？

我想在category.tpl使用jQuery插件。將文件放在JavaScript/jquery目錄中。現在，如何使用這個插件？如何在Opencart中動態添加JavaScript？

2012-09-06 user6030

我從來沒有使用OpenCart，但一個快速的谷歌會話告訴我，你應該在一個名爲header.tpl的文件中包含插件腳本（就像其他任何js一樣）。

這裏是一個樣本header.tpl -file我發現的一個部分：

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>

只需添加一個jQuery的下方以下行包括，所以它看起來是這樣的：

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="catalog/view/javascript/jquery/[PLUGIN FILE NAME].js"></script>

，你應該很好去。

來源

2012-09-06 11:56:40

謝謝，但header.tpl沒有這條線。當我添加自己，不工作的插件。 – user6030

好吧，既然我不是大的Opencart的，我建議你搜索你的整個項目的東西，像潮頭'「的jquery/jquery-」'何包括行，你應該把你的插件包括它下面一行。 –

謝謝你，我會看。 – user6030

首先粘貼目錄/視圖/的JavaScript/yourplugin文件夾的jQuery文件，CSS文件和圖像。然後調用文件的jQuery插件在目錄/視圖/主題/ yourtheme（默認）/模板 /product/category.tpl文件。對於離，你的PHP代碼; .. ... ....

<script src="catalog/view/javascript/jquery/jquery-ui-min.js"></script> 

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.anythingslider.js"></script> 

<link rel="stylesheet" href="catalog/view/theme/default/stylesheet/anythingslider.css"> 

<script> 

    // DOM Ready 

    $(function(){ 

     $('#slider').anythingSlider(); 

     $('#slider1').anythingSlider(); 

     $('#slider2').anythingSlider(); 


    }); 

</script>

其滑塊..你可以做在PHP你的行動（上面的腳本）。

來源

2012-09-06 12:31:38 jeeva

@TheBlackBenzKid抱歉。謝謝你的工作.. – jeeva

你需要包括JS和CSS來源標題視圖（/目錄/視圖/主題/ [您的主題] /template/common/header.tpl）

來源

2012-09-11 13:03:29

/* one can load JS like that: */  
if(file_exists('catalog/view/javascript/'.$this->config->get('config_template').'/script.js')) { 
    $this->document->addScript('catalog/view/javascript/'.$this->config->get('config_template').'/script.js'); 
}

這是相當的」正確的方式「來使用現有的功能，而不是手動將腳本添加到header.tpl中。

作爲一個提示，基於下面的答案 - 一個能環文件名的數組，以保持控制加載順序，這往往是相關的，而他們可能互相依賴。

來源

2012-11-05 10:43:45

-1

in config.php  
define('DIR_JAVASCRIPT', 'D:\wamp\www\opencart/view/javascript/your_dir/'); 


in header.tpl   
<?php 
    if (is_dir(DIR_JAVASCRIPT)): 
     if ($handle = opendir(DIR_JAVASCRIPT)): 
       while (false !== ($file = readdir($handle))): 
        if (preg_match('@\[email protected]', $file)):      
?> 
    <script type="text/javascript" src="<?php echo 'view/javascript/your_dir/'.$file; ?>"></script> 
<?php    
        endif; 
       endwhile; 
      closedir($handle); 
     endif; 
    endif; 
?>

來源

2013-03-14 19:16:10 user1786647

抱歉，但反對票......因爲這可能會加載順序錯誤的腳本（有問題的，而依賴存在）。這種方法也增加了許多無用的複雜性，同時在每個單頁加載中掃描一個目錄。 –

如何在Opencart中動態添加JavaScript？

回答

相關問題