我有一个简单的jQuery脚本，可在悬停时播放/暂停视频，当我第一次使用will_paginate gem将页面（例如页面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();
}
您的问题是，当您更改页面时，我相信页面会用ajax刷新，并且新创建的元素没有附加事件。最简单的解决方案是：
$(document).on('mouseenter','.video', hoverVideo ).on('mouseleave','.video',hideVideo );
这样，jquery将始终调用mouseenter/mouseleave函数，但仅在元素指定了类时才触发函数.video。因此，您不必担心新创建的元素是否附加了任何事件或没有任何事件。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句