0

我想在 category.tpl 中使用一个 jQuery 插件。将文件放在 javascript/jquery 目录中。现在，如何使用这个插件？

4

5 回答 5

7 
/* 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-05T10:43:45.957 回答
3

我从未使用过 OpenCart，但一个快速的 google 会话告诉我，您应该将插件脚本（就像任何其他 js 一样）包含在一个名为header.tpl.

header.tpl这是我找到的示例文件的一部分：

<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-06T11:56:40.247 回答
0

首先将您的 jquery 文件、css 文件和图像粘贴到目录/视图/javascript/yourplugin文件夹中。然后在catalog/view/theme/yourtheme(default)/template /product/category.tpl文件中调用jquery插件文件。例如，您的 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-06T12:31:38.640 回答
0

您需要在标题视图中包含 JS 和 CSS 源代码 (/catalog/view/theme/[your theme]/template/common/header.tpl)

于 2012-09-11T13:03:29.837 回答
-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('@\.js$@', $file)):                      
?>
    <script type="text/javascript" src="<?php echo 'view/javascript/your_dir/'.$file; ?>"></script>
<?php               
                    endif;
                endwhile;
            closedir($handle);
        endif;
    endif;
?>
于 2013-03-14T19:16:10.093 回答