jQuery插件无法在我的rails 3应用程序上运行

时间:2012-08-30 16:46:26

标签: jquery ruby-on-rails-3

很抱歉,如果之前已经提出过这个问题,我试过搜索但我找不到任何解决方案。有人请帮我把我的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')

非常感谢您的帮助。对不起,麻烦任何人。

1 个答案:

答案 0 :(得分:0)

要检查的事项:

  • 加载页面时检查是否有javascript错误 - 您应该能够在Safari-&gt;开发者控制台或使用FireBug的Firefox中看到此错误

  • 确保你的Gemfile中有jquery-rail和coffee gems

  • 检查application.jsapplication.css文件 - 它们都是必需的,应如下所示:

应用程序/资产/ Javascript角/ 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' %>