FancyBoxを設定する際に問題が発生しています。私はjQueryを少し新しくしています。私は彼らのガイドに従ったが、私は間違っていたかもしれないどこにも見ない。FancyBoxが表示されない
私は必要な.cssファイルと.jsファイルをリンクしています。ソースが表示され、/assets/jquery.fancybox.css?body=1
と/assets/jquery.fancybox.css?body=1
をクリックすると、適切なJavscriptファイルとCSSファイルが表示されるため、それらが正しくリンクされていることがわかります。
私はRuby on Railsのを使用していますので、私は私のapplication.jsファイルに次の行を追加しました:私は私のページのいずれかにこれを追加しましたが、その代わりFancyBoxそれに登場するの
$(document).ready(function() {
$(".fancybox").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」クラスを持つオブジェクトを探しているスクリプトに設定されたクラスを持っています。
編集:私は、特定のページの.erbファイルに
$(document).ready(function() {
$(".fancybox").fancybox();
});
を追加することによって、それを修正しているようです。なぜこれはapplication.jsに追加しても機能しませんか?これを修正する良い方法はありますか?
おそらく、 'application.js'がjQueryソースの前にロードされていたのでしょうか? –
それは、コリンに感謝しました。ソリューションを投稿したい場合は、チェックマークを付けることができます。 – Rhawb
確かに@Rhawb - ありがとう。私はあなたがそれが働いてうれしいです。 –