2017-08-27 18 views
1

Shuffletextというプラグインを使用して、異なる文字列を繰り返すシャッフル効果を与えようとしています。これはそれのためのコードである(その容易に起こす仕事にどのようにそれを取得しようとしているときだけ.erbファイルでそれを持っている)だけの.htmlファイルを持っているシンプルなフォルダやプラグインファイルそれでプラグインがレールの中で動作していて、レールの内部にない

<div id="wrapper"></div> 

<script type="text/javascript"> 
$('#wrapper').ShuffleText([ 
      'Hello world !', 
      "I'm a jquery plugin", 
      "I like to <strong>shuffle text</strong> !" 
    ],{loop: true, delay: 5000, shuffleSpeed: 50}); 
</script> 

正常に動作しますが、私はルビーにそれを置くとき、それは私が試してみて、この問題を解決するために、数時間のためにしようとしてきたこのエラー

home:24 Uncaught TypeError: $(...).ShuffleText is not a function 
at home:24 

をスローし、私は困惑しています、任意のヘルプは本当に感謝され、ここにありますプラグインにリンクすると便利です。

https://github.com/Nyl000/ShuffleText 

答えて

1

私は、このライブラリを正しくプラグインしなかったと思います。このプラグインをRailsのアセットパイプラインに統合した宝石が見つかりませんでしたので、プラグインファイルをvendor/assets/javascriptsディレクトリに配置してください。 shuffletext.jquery.jsをこのフォルダにコピーするだけです。

次に、jQueryの後にマニフェストファイル(通常はapp/assets/javascripts/application.js)に//= require shuffletext.jquery.jsを追加するか、必要なページに手作業でjavascript_include_tag 'shuffletext.jquery'を追加します。

マニフェストにプラグインを必要とする場合は、マニフェストがプラグインされているすべてのページでプラグインを使用できます。通常、レイアウトにプラグインされているため、このレイアウトを使用するすべてのページにはそのレイアウトが適用されます。

javascript_include_tagを使用することに決めた場合は、config/initializers/assets.rbファイルにRails.application.config.assets.precompile += %w(shuffletext.jquery.js)も追加する必要があります。この場合、プラグインはjavascript_include_tagを指定したページでのみ取得されます。

関連する問題