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ため、基本的にどの要素もイベントリスナーをバインドしません。

これを克服するには、関数を使用するか、すべてのアンカーがDOMにロードされ$(document).ready()た後、ファイルの最後に現在の関数をロードします。lightbox

于 2012-12-18T00:49:22.900 に答える