0

FancyBoxの設定に問題があります。jQueryは少し新しいです。私は彼らのガイドに従いましたが、私が間違っていた可能性がある場所はどこにも見当たりません。

必要な.cssファイルと.jsファイルをリンクしました。/assets/jquery.fancybox.css?body=1ソースを表示してをクリックすると/assets/jquery.fancybox.css?body=1、適切なJavscriptファイルとCSSファイルが表示されるため、正しくリンクされていることがわかります。

Ruby on Railsを使用しているため、次の行をapplication.jsファイルに追加しました。

$(document).ready(function() {
    $(".fancybox").fancybox();
});

そして、テストするために、これを自分のページの1つに追加しましたが、FancyBoxに表示される代わりに、新しいページで画像を開くだけです。

<a class="fancybox" rel="group" href="http://farm8.staticflickr.com/7171/6417719753_374653e28c_b.jpg"><img src="http://farm8.staticflickr.com/7171/6417719753_374653e28c_m.jpg" alt="" />link</a>

私の知る限り、それは機能しているはずです。クラスを「fancybox」に設定し、スクリプトで「fancybox」クラスのオブジェクトを探しています。

編集：私は追加することによってそれを修正したようです

$(document).ready(function() {
    $(".fancybox").fancybox();
});

特定のページの.erbファイルへ。application.jsに追加した場合、なぜこれが機能しないのですか？これを修正する良い方法はありますか？

4

1 に答える 1

0

application.jsあなたのファイルはjQueryソースの前にロードされているので、$まだ利用できないと思います。

これらの状況でエラーがないかブラウザのコンソールを確認してください。これにより、多くの頭痛の種を減らすことができます。

于 2012-04-05T04:48:15.100 に答える