2017-08-27 110 views
1

我想用一個名爲Shuffletext的插件給我的文本一個循環遍歷不同字符串的混洗效果。這是它的代碼(只是它在.erb文件而試圖得到它如何工作導致其更容易)插件工作出了軌道,但不在軌道內

<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> 

在,只是有一個.html文件和插件文件是一個簡單的文件夾工作正常,但是當我把它變成紅寶石它拋出我這個錯誤

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

我一直在努力了幾個小時,試圖解決這個問題,我很爲難,任何幫助非常感謝,這裏是一個鏈接到插件,如果它有幫助

https://github.com/Nyl000/ShuffleText 

回答

1

我想,你沒有正確插入這個庫。我沒有找到將此插件集成到Rails資產管道中的gem,因此您應該將插件文件放入vendor/assets/javascripts目錄。只需將shuffletext.jquery.js複製到此文件夾即可。

然後,您可以在jQuery之後添加//= require shuffletext.jquery.js到清單文件(通常是app/assets/javascripts/application.js),或者手動將javascript_include_tag 'shuffletext.jquery'添加到所需的頁面。

如果您決定在清單中需要插件,則可以在清單插入的每個頁面上使用它。通常它被插入佈局,所以使用這種佈局的所有頁面都會有它。

如果您決定使用javascript_include_tag,則還應該將Rails.application.config.assets.precompile += %w(shuffletext.jquery.js)添加到config/initializers/assets.rb文件中。在這種情況下,您只會在指定了javascript_include_tag的頁面上獲得插件。