簡體   English   中英

jQuery插件在我的Rails 3應用程序上不起作用

[英]jQuery plugin is not working on my rails 3 app

很抱歉,如果以前已經有人問過這個問題,我嘗試搜索但找不到任何解決方案。.有人可以幫助我讓jQuery插件在Rails 3中工作。

我已經在互聯網上下載了一個jquery插件,嘗試將其安裝在我的rails應用程序上,它似乎根本沒有加載。

確保我已將該插件所需的所有必需文件放置在素材資源/圖片,樣式表和javascript中

這是我的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')

非常感謝您的幫助。 對不起,麻煩任何人。

要檢查的內容:

  • 加載頁面時檢查javascript錯誤-您應該能夠在Safari-> Dev Console或使用FireBug的Firefox中看到此錯誤

  • 確保您的Gemfile中包含jquery-rail和coffee寶石

  • 檢查application.jsapplication.css文件-它們都是必需的,應如下所示:

app / assets / 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' %>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM