0

很抱歉，如果之前已经问过这个问题，我尝试搜索但找不到任何解决方案..有人可以帮我让我的 jQuery 插件在 rails 3 中工作。

我已经在互联网上下载了一个 jquery 插件，尝试在我的 rails 应用程序上安装它，它似乎根本没有加载..

我确定我已经放置了这个插件在资产/图像、样式表和 javascripts 中工作所需的所有必要文件

这是我的 application.js

//= require jquery
//= require jquery_ujs
//= require_tree .

和我的gallery.js.coffee 应该在哪里调用插件

jQuery ->
   $('#da-slider').cslider

以及包裹布局的部分

<div id="da-slider" class="da-slider">

我什至尝试通过在我的 gallery.js.coffee 上询问插件来测试我的插件是否正常工作，但它一直说“未加载”

if (jQuery).cslider 
  alert('loaded')
else
  alert('not loaded')

非常感谢您的帮助。很抱歉给任何人带来麻烦。

4

1 回答 1

0

要检查的事项：

  • 加载页面时检查 javascript 错误 - 您应该能够在 Safari-> Dev Console 或使用 FireBug 的 Firefox 中看到此错误

  • 确保您的 Gemfile 中有 jquery-rail 和 coffee gem

  • 检查application.js和application.css文件 - 它们都是必需的，应该如下所示：

应用程序/资产/javascripts/application.js

//= require jquery.js
//= require jquery_ujs.js

应用程序/资产/样式表/application.css

*= require jquery.ui.all.css

但是，请注意，我在使用 jquery.ui.all.css 文件时遇到了一些问题，您可能会像我一样获得更多成功，像这样指定它：

*= require jquery.ui.core.css
*= require jquery.ui.slider.css

注意由于您使用的是 cSlider - 我认为您需要该jquery.ui.slider.css文件！确保您需要全部 jquery，或者至少需要滑块 css 文件。

  • 最后，确保您的视图中包含 application.css 和 application.js - 没有这些包含，应用程序无法知道您想要它做什么。在您的部分中，这应该看起来像这样<html><head>：

<%= stylesheet_link_tag 'application'%>

<%= javascript_include_tag 'application' %>

于 2012-08-30T18:08:21.967 回答