我正在尝试这个东西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 /
页面链接首先是:
本地主机/店/
点击图像后的页面是:
本地主机/店/资产/ IMG公司/产品/ Acer_AX1400.jpg
答案 0 :(得分:0)
您在加载任何lightbox
元素之前调用该函数,因此基本上没有一个元素获得绑定的事件侦听器。
要解决此问题,请在使用$(document).ready()
函数或在DOM中加载所有lightbox
锚点后,在文件末尾加载当前函数。