0

私のページの1つでFirebugで次のエラーが発生します...

TypeError: $("#view_map").fancybox is not a function
    'overlayColor': '#333'

これがそれを投げているコードです...

    <script type="text/javascript">
        $(document).ready(function(){
            $('#view_map').fancybox({
                'autoDimensions': false,
                'width': 750,
                'height': 550,
                'padding': 0,
                'easingIn': 'swing',
                'easingOut': 'swing',
                'overlayOpacity': 0.75,
                'overlayColor': '#333'
            });
        });
    </script>

関数の最後のオプションに関係なく、そのオプションはエラーになります。そこに構文エラーがありますか？私はそれで何か問題を見ることができます。

編集：

これがスクリプトの呼び出しです...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.triadbarspecials.com/fancybox/fancybox/jquery.easing-1.3.pack.js"></script>

（イージングパックは1.3.4です。ある時点で、誤って.4を名前から削除しました。IDKの理由）

これが、関数で参照されているIDを持つアンカーです...

<a id="view_map" href="#map" style="color: #fcb60e; text-decoration: none;">View Map</a>

mapは、マップを含むdivであり、これが私のfancyboxのすべてです。

4

5 に答える 5

2

fancyboxスクリプトをロードするのではなく、jQueryとイージングスクリプト（アニメーションをスムーズにする）をロードします。

イージングスクリプトの前にfancyboxスクリプトを呼び出します。

Edit: Dont forget the CSS file either.

于 2012-12-07T23:55:33.830 に答える
1

これに関する私の最初の投稿以来、私は自分のサイトからfancyboxを削除しました。解決策を見つけたことはありませんが、助けてくれてありがとう！

于 2012-12-31T16:45:30.383 に答える
0

fancybox関数のスクリプトを含めましたか？例えば

<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.3"></script>

（以下で指摘するように、ファイル構造とfancyboxのバージョンを反映するようにパスとファイル名を変更してください。）

于 2012-12-07T23:56:15.080 に答える
0

jqueryを1.10にアップグレードした後、私はあなたと同じ問題を抱えていました。

そこで、jqueryを1.8にダウングレードすると、再び機能しました。

于 2013-09-24T06:54:18.797 に答える
0

新しいバージョンのjQueryを使用する場合は、jQuery移行プラグインhttp://code.jquery.com/jquery-migrate-1.2.1.min.jsを追加する必要があります。

于 2013-12-17T07:39:23.740 に答える