jqueryがレールで動作していない

jqueryをレールに使用する方法について、多くのページを読んでいますが、まだ動作させられていないようです。jqueryがレールで動作していない

私は「jquery-rails」の宝石を手に入れました。私はapplication.jsファイルにrequireステートメントを持っています。ここで

は、私が実行し続けるテストページです：

<!DOCTYPE html> 
<html> 
<head> 
<title><%= yield(:title)%></title> 
<%= javascript_include_tag 'application','jquery', 'data-turbolinks-track' => true %> 
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
<%= csrf_meta_tags %> 
<script>$(document).ready(function(){ 
    $(".bg-info").click(function(){ 
    $(this).hide(); 
}); 
});</script> 
</head> 
<body> 
<center> 
<h1 class="bg-info"><%= yield(:title)%></h1> 
</center> 
</body> 
</html>

しかし、私は、ブラウザに「BG-情報」テキストをクリックしたとき、私は応答がありません。

#app/assets/javascripts/application.js 
//= require jquery 
//= require jquery_ujs 
//= require_tree . 

$(document).on("click", ".bg-info", function(e){ 
    $(this).hide(); 
});

は、ここで私は（テストに）レイアウトのために何したいものです：：

#app/views/layouts/application.html.erb 
<!DOCTYPE html> 
<html> 
    <head> 
     <title><%= yield(:title)%></title> 
     <%= javascript_include_tag 'application','jquery', 'data-turbolinks-track' => true %> 
     <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
     <%= csrf_meta_tags %> 
    </head> 
    <body> 
     <div class="bg-info"><%= yield(:title)%></div> 
    </body> 
</html>

上記のボックスをうまくいかない場合はここで

出典

2015-10-27 Ester Lin

これはストレッチですが、あなたの 'assets/javascripts/application.js'には、' // = require jquery'という行がありますか？あるいは 'bundle install'？ –

は既にそれらをしました –

以下を試すことができます： '<％= javascript_include_tag 'application'、 'data-turbolinks-track' => true％>'。その行から 'jquery'を削除し、サーバを再起動して実行してください。 –

あなたはが持つべきものですにはおそらくdevelopment environment（OS）に問題があります。おそらくExecJSと表示されます。

は、right-click > inspect element > consoleをDEVコンソールにアクセスするには：

はこれを確認するには、デバッグあなたdeveloper's consoleする必要があります。

これは、フロントエンド環境でJS &のエラーを示しています。何らかのエラーが表示された場合、問題の内容を伝えることがあります。

エラーが表示されない場合は、try installing NodeJS on your systemが必要です。これにより、Railsが適切なJS実行ファイルを使用できるようになります。

出典

2015-10-28 10:01:49

devloperのコンソールヒント+1 –

jqueryがレールで動作していない

答えて

関連する問題