2012-02-08 7 views
1

私は例をレールGoogleのjqueryの上で検索し、以下のコードを参照してください。レール3とjQuery highligth

$('#div-id').effect('highlight', {}, 3000) 

ID "DIV-ID" を持つハイライト要素のために。しかし、私はあなたがレール3でjQueryを使って要素を強調するために私を助けることはできますか?私は放火犯をチェックして、メッセージ

$('#div-id').effect is not a function 

を受け、私のコードで強調表示することができますか ありがとうございます

更新:私のレールプロジェクトのjQuery UIはどこに置くことができますか?

答えて

0

おそらくあなたはjsファイルをプラグインのハイライト、あなたが最初にjquery.jsと、プラグインjsファイル

2

.effect()であるjQueryのUI機能が含まれている適切なorederでjsファイルが含まれていることを確認しますが含まれていない、作ります.effect()関数を呼び出す前にJS(とおそらくCSS)ファイルを含めていることを確認してください。

あなたがここにjQuery UIをダウンロードすることができます:あなたはjQueryのコアJSファイルの後にはjQuery UIのJSファイルをインクルードする必要がありますhttp://jqueryui.com/download

注意。

+0

ありがとうございます。したがって、レール3.1.3のjqueryのデフォルトはjqueryコアだけです。あなたのリンクからjQuery UIをダウンロードします。これはzipファイルです。 zipファイルにはcssとjsフォルダがありますが、どうすればいいですか?これらのファイルを私のレールプロジェクトに配置する必要があるのはどこですか? – banhbaochay

1

あなたがjquery-rails宝石を使用している場合、あなたは、アプリケーションの資産マニフェストファイルに追加することで、アプリ/資産/ application.jsをjqueryの-UIライブラリを含めることができます。

//= require jquery 
//= require jquery_ujs 
//= require jquery-ui 
//= require_tree . 

これは、基本的なUI効果を提供しますハイライト、ブラインド、スライドなどが必要です。