0

jQuery.LightBox を使用しようとすると、次のエラーが発生します。

Uncaught TypeError: Object [object Object] has no method 'lightBox'

これは実際の例です (div でテーブルのデザインを再構築します。嫌いではありません)。

http://www.builderpreviews32.com/photos.php

はい、jQuery ファイルは jQuery.LightBox ファイルの前に参照されます。

これが私のコードです：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta name='keywords' content=''>
<meta name='description' content=''>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

    <link href="/common/styles/global.css" rel="stylesheet" type="text/css" />
<link href="/common/styles/lightbox.css" rel="stylesheet" type="text/css" />

<script src="/common/scripts/jquery-1.10.2.min.js"></script>
<script src="/common/scripts/lightbox-2.6.min.js"></script> 
<body>

    <div id="wrapper">
        <div id="header">
<a href="/"><img src="/common/images/lgo_lake.jpg" alt="Riss Lake Logo" /></a>
<div id="nav">
    <nav>
        <a href="/about.php">About Riss Lake</a>
        <a href="/developer.php">Developer</a>
        <a href="/developer.php">Communities</a>
        <a href="/awards.php">Awards</a>
        <a href="/areamap.php">Area Map</a>
        <a href="/developer.php">Inventory</a>
        <a href="/photos.php">Photos</a>
        <a href="/builders.php">Builders</a>
        <a href="/developer.php">Contact Us</a>
        <a href="/areainfo.php">Area Information</a>
    </nav>
</div> <!-- End Nav -->
</div> <!-- End Header -->          
        <div id="body">
            <!--MODULE:image_gallery.php|CACHE:main_photos-->

            <div class="lightbox">
                                <a href="/images/uploaded/115747639443725_poolside_sm.jpg"><img src="/images/uploaded/thumb_115747639443725_poolside_sm.jpg" alt=""

                                                            width="150" 
                                                    class="photo_edge" /></a>
                                <a href="/images/uploaded/115747639443725_poolside_sm.jpg"><img src="/images/uploaded/thumb_115747639443725_poolside_sm.jpg" alt=""

                                                            width="150" 
                                                    class="photo_edge" /></a>
                                <a href="/images/uploaded/115747639443725_poolside_sm.jpg"><img src="/images/uploaded/thumb_115747639443725_poolside_sm.jpg" alt=""

                                                            width="150" 
                                                    class="photo_edge" /></a>
                                <a href="/images/uploaded/960211759433150_002.jpg"><img src="/images/uploaded/thumb_960211759433150_002.jpg" alt=""

                                                            width="150" 
                                                    class="photo_edge" /></a>
                </div>
    <script type="text/javascript">$(function(){$('.lightbox a').lightBox();});</script>

        </div>

        <div id="footer">Copyright © 2003. <a href="/privacy.php">Privacy Policy</a> | <a href="/terms.php">Terms of Use</a></div>          
    </div> <!-- End Wrapper -->

</body>
</html>
4

2 に答える 2

1

問題を解決するためのいくつかのこと

  1. ブラウザー デバッガーの [ソース] タブを使用して、スクリプトが読み込まれているかどうかを確認します。
  2. スクリプトは依存関係にあるため、jQuery インクルードのすぐ下に配置してみてください。

スクリプト タグが閉じていることを確認します。

私の最初の推測では、ブラウザのデバッガを使用してデバッグするときにスクリプトが正しく含まれていてロードされている場合、スクリプトの順序が正しくないことが原因であるに違いありません。私も以前にこの問題に直面しました。

頑張ってください。うまくいったら教えてください。

于 2013-08-06T13:32:29.757 に答える