0

私は以前にこの問題を抱えていました.2週間の週末を費やして、問題を理解し理解しようとしました. 同じ問題が発生し続けています。願わくば、この Rails アプリで何が起こっているのかを正確に特定できれば幸いです。

jQuery プラグインのページスライドを Rails アプリで使用できるようにします。

はapp/vendor/assets/javascriptsファイルですjquery.pageslide.js。したがって、application.jsそれに応じてマニフェストを変更します-

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.ui.datepicker
//= require raphael.min
//= require justgage
//= require jquery.purr
//= require best_in_place
//= require lightbox
//= require jquery.cookie
//= require jquery.joyride-2.0.3
//= require jquery.pageslide
//= require modernizr.mq
//= require_tree .

jquery.pageslide.cssinについても同じことを行いapp/vendor/assets/stylesheetsます。application.cssマニフェスト_ 

 *= require jquery.ui.datepicker
 *= require_self
 *= require bootstrap
 *= require front
 *= require lists
 *= require tasks
 *= require lightbox
 *= require joyride-2.0.3
 *= require jquery.pageslide
 */

プラグインを使用して、ビューの 1 つでモーダルをスライドアウトします。

ビュー/リスト/show.html.erb-

<a href="#modal123" class="second_thing">Link text</a>
<div id="modal123" style="display:none">
    <h2>Modal</h2>
    <p>And all the stuff.</p>
    <a href="javascript:$.pageslide.close()">Close</a>
</div>

javascripts/lists.js.coffee-

$ ->
  $("a.second_thing").pageslide({ direction: "left", modal: true });

私の最初のチェックリスト-

-コンソールからの警告やエラーはありません。- css と js のページスライド ファイルは、ページのソースにあります。- pageslide を呼び出す前に DOM/jQuery がロードされていることを確認javscripts/lists.js.coffee する

これが機能することを確認するための追加のチェックがいくつか欠けているように見えますか?

その他のメモ-開発環境では、他のjQueryプラグインが機能しています（ジョイライドですが、スクリプトタグを使用してshow.html.erbページで呼び出していますconfig.assets.initialize_on_precompile = false）application.rb。

困惑しています。他に何をチェックすればよいですか？

4

1 に答える 1

2

@muttonlamb のコメントと、Rails ガイドのアセット パイプライン セクションを読み直したおかげで、うまくいきました。

この行をshow.html.erbファイルに追加したのは、pageslide ではソース ファイルを body タグ内に含める必要があり、当初の方法では head にのみロードされていたためです。

<%= javascript_include_tag "jquery.pageslide" %>

注: 上記の参照を作成するために、app/assets/javascripts の下に jquery.pageslide を明示的に追加しました。

これは最もパフォーマンスに優しいとは思えないので、上記を達成するためのより良い答えを喜んでマークします。

于 2013-07-15T00:27:20.683 に答える