will_paginate pagination links javascript not working

Question

У меня есть простой сценарий jQuery, который воспроизводит/приостанавливает видео при зависании, который работает правильно, когда я впервые загружаю страницу (например, стр. 1) в рельсах с жемчугом will_paginate.

Моя проблема заключается в том, что при нажатии на следующую страницу или на любых других страницах, сценарий 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. Таким образом, вы больше не волнуетесь, есть ли у ваших вновь созданных элементов какие-либо события, связанные с ними или нет.