jQuery事件處理程序無法正常工作
[英]jQuery Event handlers not working properly
原文
2014-06-06 12:51:55
0
1
javascript/
jquery/
ruby-on-rails/
ruby-on-rails-4/
unobtrusive-javascript
問題描述
jQuery事件處理程序可以在新頁面上很好地工作，但是在我使用布局中存在的鏈接更改頁面后，它們將停止工作。 我無法弄清楚我的代碼出了什么問題。
我的rails應用程序中包含以下文件：
布局/ application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>LogManager</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<h1>Analytics</h1>
<%= link_to "All",analytics_all_path %> | <%= link_to "Aggregation",analytics_aggregation_path %>
</body>
</html>
的analytics.js
$(function() {
$("#js-analyze-aggregation").click(function(){
alert("Hehe");
});
});
$(function() {
$("#js-analyze").click(function(){
alert("Hehe");
$.ajax({
type: "GET",
url: "/api/logs",
success: function(data) {
Analytics.doAnalysis(data);
}
});
});
});
分析/ all.html.erb
<button type="button" id="js-analyze">Analyse</button>
分析/ aggregation.html.erb
<textarea id="body_data" cols="60" rows="10"></textarea>
<br>
<button type="button" id="js-analyze-aggregation">Analyse Filtered Data</button>
1 個解決方案
解決方案1
1 2014-06-06 13:25:34
嘗試將您的JS更改為
$(function() {
$("#js-analyze-aggregation").on('click', function(){
alert("Hehe");
});
});
$(function() {
$("#js-analyze").on('click', function(){
alert("Hehe");
$.ajax({
type: "GET",
url: "/api/logs",
success: function(data) {
Analytics.doAnalysis(data);
}
});
});
});
使用turbolinks時，新元素會出現在DOM並且事件處理程序不會綁定到它們。 檢查這里在jQuery中，如何將事件附加到動態html元素？
jQuery click事件處理程序無法在iOS設備上正常運行
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.