无法获得兜风工作 – 它显示一个列表
我确信这是非常愚蠢的，关于放置文件的位置，但是这里是：
我正在尝试使用gem（zurb-foundation），rails 3，ruby 1.9.3的Foundation 4，我正在尝试使用joyridefunction。
这是我到目前为止：
Listing products
Some awesome part of your site!
-
Hello and welcome to the Joyride documentation page.
-
Stop #1
You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.
-
Stop #2
Get the details right by styling Joyride with a custom stylesheet!
-
Stop #4
It works as a modal too!
$(window).load(function() { $("#list_index_tour").joyride({ }); });
在我的application.html.erb上：
<!-- <!-- -->
萨曼莎，
您的代码的第一个问题是您的jQuery选择器使用#符号，这意味着它正在寻找具有该ID的DOM元素。 但是，您对游览的
HTML标记没有指定ID，只有一个类。
所以，第一个修复就是简单地更新你的
从：
至：
然而，即使我的选择器是正确的并且想出来，我也遇到了类似的问题 – 请参阅下文。 遗憾的是，Zurb自己的设置说明具有误导性。 他们说你可以在你的
列表中使用你想要的任何ID，它包含你导游的步骤，但实际上你不能开箱即用。
Zurb的兜风代码取决于CSS / Javascript之间的特定ID。 此ID和相关代码位于包含的joyride.css文件中。 在那里使用的ID是“joyRideTipContent”。 我已经粘贴了joyride.css文件中相关的几行代码（它们位于最顶端）：
#joyRideTipContent { display: none; } .joyRideTipContent { display: none; }
如果您更喜欢使用不同的ID，只需按如下所示更改css文件中的上述代码，然后它就可以了（我已经在上面的代码片段中添加了名称）：
#list_index_tour{ display: none; } .list_index_tour{ display: none; }
或者，您可以将
的ID和选择器更改为joyRideTipContent，它可以立即使用。
最后，您的代码引用适用于Rails，包括相关的Javascript和CSS文件。 当插件不能正常工作时，您可能一直试图覆盖所有基础。 但是，您的代码不是DRY，因为将sprockets用于joyride js和css文件是双向的，并且还要在application.html.erb中包含JS和CSS样式表标记。
除了完全重复之外，这种方法可能会导致问题，因为当您更换文件并忘记在两个位置更新文件时维护应用程序。 它也可能导致冲突，具体取决于您的包含顺序。
由于Rails Sprockets和Asset Pipeline是非常强大的框架工具，我建议您坚持使用它并从application.html.erb中删除重复的引用。
所以对于重复的标签方面…保持这些：
并从这里删除引用：