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'
    });
  });
});

​