Question

我在CodeIgniter中集成jQuery插件时遇到问题。我把插件文件夹放在我的根文件夹中。

我将此代码添加到标题

中

<script type="text/javascript" src="<?php echo base_url();?>plugin/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>plugin/html5gallery.js"></script>

并在我的视图文件中

 <div style="display:none;" class="html5gallery" data-skin="vertical" data-width="480" data-height="272">

       <!-- Add images to Gallery -->
       <a href="images/Tulip_large.jpg"><img src="images/Tulip_small.jpg" alt="Tulips"></a>
       <a href="images/Swan_large.jpg"><img src="images/Swan_small.jpg" alt="Swan on Lake"></a>

       <!-- Add videos to Gallery -->
       <a href="images/Big_Buck_Bunny.mp4"><img src="images/Big_Buck_Bunny.jpg" alt="Big Buck Bunny, Copyright Blender Foundation"></a>

       <!-- Add Youtube video to Gallery -->
       <a href="http://www.youtube.com/embed/YE7VzlLtp-4"><img src="http://img.youtube.com/vi/YE7VzlLtp-4/2.jpg" alt="Youtube Video"></a>

       <!-- Add Vimeo video to Gallery -->
       <a href="http://player.vimeo.com/video/1084537?title=0&amp;byline=0&amp;portrait=0"><img src="images/Big_Buck_Bunny.jpg" alt="Vimeo Video"></a>

    </div

但我收到错误 undefined不是函数

知道我做错了什么吗？这是一些冲突，因为我把文件放入视图???

Answer 1

在代码中的某处，您正在使用尚未声明的函数。所以要么它是你自己的源代码，要么是一个调用这个函数的jQuery插件，而不是现有的（未初始化或未正确初始化）。

转动脚本标签的顺序。您发布的内容包括jquery.js之后的html5gallery.js。必须在HTML5Gallery之前加载jQuery，因为HTML5Gallery依赖于jQuery函数。框架首先，插件最后。

<script type="text/javascript" src="<?php echo base_url();?>plugin/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>plugin/html5gallery.js"></script>

是否真的找到并加载了这两个脚本？在网络选项卡中查看浏览器控制台（F12）。

从CodeIgniter视图文件调用jQuery插件时出现JavaScript错误

1 个答案: