0

我正在尝试这个东西 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/

页面链接一开始是:localhost/shop/ 在此处输入图像描述
点击图片后的页面是:localhost/shop/assets/img/products/Acer_AX1400.jpg 在此处输入图像描述

4

1 回答 1

0

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

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

于 2012-12-18T00:49:22.900 回答