Rails 中的简单 Javascript Joyride 插件

我担心我的插件由于对 Rails 的误解而无法正常工作。我正在添加zurbs 欢乐之旅插件到索引页。

我有以下内容vendor/assets/javascripts/joyride -

joyride-2.0.3.js
jquery.cookie.js
modernizr.mq.js

并通过以下方式引用它们application.js -

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require joyride/joyride-2.0.3
//= require joyride/modernizr.mq.js
//= require joyride/jquery.cookie
//= require_tree .

以及适当的CSSvendor/assets/stylesheets -

joyride-2.0.3.css

并引用于application.css -

 *= require_self
 *= require bootstrap
 *= require joyride-2.0.3

现在在我的索引视图中-

<h1 id="pageTitle">Title of the page</h1>

<ol id="list_index_tour">
 <li data-id="pageTitle">Here is where the title of your page goes!</li>
</ol>

<script>
  $(window).load(function() {
    $("#list_index_tour").joyride({
    });
  });
</script>

游览未启动，而是显示了一个有序列表。有一个应用程序布局。我在这里缺少什么？

你可以尝试为这个插件制作一个清单文件。创建一个index.js在您的子文件夹中并引用您的资产。

在你的 application.js 中你可以有：

//= require joyride

您也可以尝试删除.js参与//= require joyride/modernizr.mq.js