will_paginate 分页链接 javascript 无效

Question

我有一个简单的 jQuery 脚本，当我第一次加载 rails 中 [=20] 中的页面（例如第 1 页）时，悬停视频可以正常工作=] gem.

我的问题是，当我点击下一页或任何其他页面时，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 函数，但仅在指定元素 class .video 时才触发您的函数。因此，您不必再担心新创建的元素是否附加了任何事件

will_paginate 分页链接 javascript 无效

will_paginate pagination links javascript not working

javascript

jquery

ruby-on-rails

will-paginate