codeigniter 中的灯箱插件

Question

我正在尝试这个东西 2 天，但我无法理解这里的错误。我尝试在我的 codeigniter 项目中使用灯箱插件，但它没有显示预期的结果，而是它也没有显示任何错误。

这是我包含必要文件的地方：

<link href="<?php echo base_url(); ?>assets/css/core.css" media="screen" rel="stylesheet" type="text/css" />  
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/manual_change.js"></script>  
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/pre_change.js"></script>  
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/core.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.lightbox-0.5.js"></script>

我还包括灯箱的功能：

$(function() {
$('a.lightbox').lightBox({
     'imageLoading': "<?php echo base_url(); ?>assets/img/lightbox-ico-loading.gif",
     'imageBtnClose': "<?php echo base_url(); ?>assets/img/lightbox-btn-close.gif",
     'imageBtnPrev': "<?php echo base_url(); ?>assets/img/lightbox-btn-prev.gif",
     'imageBtnNext': "<?php echo base_url(); ?>assets/img/lightbox-btn-next.gif",
     'imageBlank': "<?php echo base_url(); ?>assets/img/lightbox-blank.gif"
  }); // Select all links with lightbox class
});

我在html中使用了如下图片：

<a href="<?php echo base_url(); ?>assets/img/products/Acer_AX1400.jpg" class="lightbox"><img src="<?php echo base_url(); ?>assets/img/products/Acer_AX1400.jpg" alt="" /></a>

.htaccess 文件是：

RewriteEngine on
RewriteCond $1 !^(index\.php|images|jquery\.js\robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]

我的文件位置正确：
所有要显示的图片都在：
assets/img/products/
灯箱附加的所有图片都在：
assets/img/
所有 Javascript 都在：
assets/js/
所有 CSS 都在：
assets/css/

页面链接最初是： 本地主机/商店/
点击图片后的页面为： 本地主机/商店/资产/img/products/Acer_AX1400.jpg

Answer 1

您在加载任何lightbox 元素之前调用该函数，因此基本上它们都没有绑定事件侦听器。

要克服这个问题，要么使用 $(document).ready() 函数，要么在所有 lightbox 锚点都加载到 DOM 之后，在文件末尾加载当前函数。