javascript - Rails - 如何通过 AJAX 在渲染的部分中调用 jQuery 事件？

Question

我有这段代码，它将在将光标悬停在 DIV 上后显示文本:

$(document).ready(function() {
  $('.articles').hover(function(){
    $(this).next('.article_details').toggleClass('hidden');
  });
  ...

这运作良好。但后来我有一个按钮可以通过部分加载另一个内容。所需内容加载良好，但问题是上面的 jQuery 代码不起作用。

我尝试过输入此代码

  $('.articles').hover(function(){
    $(this).next('.article_details').toggleClass('hidden');
  });

到呈现新内容的 JS 文件，如下所示:

$('.articles').hover(function(){
    $(this).next('.article_details').toggleClass('hidden');
});
$('#show_articles').html("<%= j render(:partial => '/articles/list_of_list_of_articles') %>");

但现在还没有触发 hover 事件。

我也尝试过这个:

$('.articles').on("hover", function(){
    $(this).next('.article_details').toggleClass('hidden');
});
$('#show_articles').html("<%= j render(:partial => '/articles/list_of_list_of_articles') %>");

但还是没有成功。

遇到这种情况该如何处理？我正在使用 Rails 4 和 jQuery v1.11.1。

提前谢谢您。

Answer 1

内容是动态插入的，因此您需要委托(delegate)事件处理程序

$('#show_articles').on({
    mouseenter : function() {
        $(this).next('.article_details').addClass('hidden');
    },
    mouseleave : function() {
        $(this).next('.article_details').removeClass('hidden');
    }
}, '.articles');