javascript - will_paginate 分页链接 javascript 不起作用

Question

我有一个简单的 jQuery 脚本，可以在悬停时播放/暂停视频，当我第一次使用 will_paginate gem 在 Rails 中加载页面(例如第 1 页)时，该脚本可以正常工作。

我的问题是，当我单击下一页或任何其他页面时，jQuery 脚本不起作用，但当我查看页面源代码时，JavaScript 代码仍然存在。

我必须重新加载页面才能使其正常工作吗？

var figure = $(".video").hover( hoverVideo, hideVideo);
//video is a div class that my videos use, this is at index.html.erb 
function hoverVideo(e) {
    $('video',this).get(0).play();
}

function hideVideo(e) {
    $('video',this).get(0).pause();
}

Answer 1

您的问题是，当您的页面更改时，我相信页面会使用ajax刷新，并且新创建的元素没有附加任何事件。最简单的解决方案是:

$(document).on('mouseenter','.video', hoverVideo ).on('mouseleave','.video',hideVideo );

这样jquery将始终调用mouseenter/mouseleave函数，但仅在元素指定类.video时触发您的函数。因此，您不再担心新创建的元素是否附加了任何事件