提问人：Peeyush 提问时间：6/6/2014 最后编辑：KriemPeeyush 更新时间：6/6/2014 访问量：299
jQuery 事件处理程序无法正常工作
jQuery Event handlers not working properly
问：
jQuery 事件处理程序在新页面上运行良好，但是在我使用布局中存在的链接更改页面后，它们停止工作。我无法弄清楚我的代码出了什么问题。
我的 rails 应用程序中有以下文件：
布局/应用程序.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>
分析.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);
}
});
});
});
analytics/all.html.erb
<button type="button" id="js-analyze">Analyse</button>
分析/聚合.html.erb
<textarea id="body_data" cols="60" rows="10"></textarea>
<br>
<button type="button" id="js-analyze-aggregation">Analyse Filtered Data</button>
答：
1赞
Sahil Grover
6/6/2014
#1
尝试将 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 时，新元素会进入内部，并且事件处理程序不会绑定到它们。在这里查看 在jQuery中，如何将事件附加到动态html元素？DOM
评论
0赞
Peeyush
6/6/2014
这确实是因为涡轮链接。非常感谢您的帮助。
评论