codeigniter中的lightbox插件

时间:2012-12-16 15:06:32

标签: javascript jquery codeigniter lightbox

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

这是在我包含必要文件的地方之间:

<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]

我的档案位置正确:
所有要显示的图像都在:
资产/ IMG /产品/
灯箱的所有附加图片均为:
资产/ IMG /
所有Javascript都在:
资产/ JS /
所有CSS都在:
资产/ CSS /

页面链接首先是: 本地主机/店/ enter image description here
点击图像后的页面是: 本地主机/店/资产/ IMG公司/产品/ Acer_AX1400.jpg enter image description here

1 个答案:

答案 0 :(得分:0)

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

要解决此问题,请在使用$(document).ready()函数或在DOM中加载所有lightbox锚点后,在文件末尾加载当前函数。