jquery-ias jQuery 不适用于加载的项目

Question

这是问题所在，我知道对于新项目我们应该添加渲染事件，这是我的代码但是 jQuery 仍然不适用于新项目，我做错了什么？

$( document ).ready(function() {
$('.dwn').hover(function() {
  $(this).parent().siblings().css({
    'opacity': '0.3'
  })
}, function() {
  $('.view').css({
    'opacity': '1'
  })
});
});

已渲染：

 ias.on('rendered', function(items) {
    var $items = $(items);
    $items.each(function() {
    $('.dwn').hover(function() {
      $(this).parent().siblings().css({
        'opacity': '0.3'
      })
    }, function() {
      $('.view').css({
        'opacity': '1'
      })
    });
    });
    });

感谢您的帮助！

Answer 1

您可以在包含要在悬停时执行某些操作的项目的元素上使用事件侦听器。最大和通用的处理程序可以是 $('html')。您必须将 .hover() 分解为两个事件侦听器。修改后的代码：

$(document).ready(function() {
  $('html').on('mouseover', '.dwn', function() {
    $(this).parent().siblings().css({
      'opacity': '0.3'
    });
  });
  $('html').on('mouseout', '.dwn', function() {
    $('.view').css({
      'opacity': '1'
    });
  });
});

jquery-ias jQuery 不适用于加载的项目

jquery-ias jQuery doesn't work for loaded items

jquery

jquery-ias