Rails中的简单Javascript Joyride插件 [英] Simple Javascript Joyride plugin in rails

问题描述

由于对rails的误解，恐怕我的插件无法正常工作.我正在将 zurbs joyride插件添加到索引页面.

I'm afraid my plugin isn't working properly because of a misunderstanding of rails. I'm adding zurbs joyride plugin to an index page.

我在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 .

以及vendor/assets/stylesheets中的相应CSS-

joyride-2.0.3.css

并在application.css-

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

现在在我的索引视图中-

Now in my index view-

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

游览没有开始，而是显示了有序列表.有一个应用程序布局.我在这里想念什么?

The tour is not initiated, instead I have an ordered list displayed. There is an application layout. What am I missing here?

推荐答案

您可以尝试为此插件创建清单文件.在子文件夹内创建一个index.js并引用您的资产.

You could try to make a manifest file for this plugin. Create an index.js inside your subfolder and reference your assets.

在application.js中，您可以拥有:

In your application.js you can have just:

//= require joyride

您也可以尝试将.js部分放在//= require joyride/modernizr.mq.js

You can also try to drop the .js part in //= require joyride/modernizr.mq.js

这篇关于Rails中的简单Javascript Joyride插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！