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

您可以在元素上使用事件侦听器，该元素包含您希望在悬停它时执行某些操作的项目。最大的通用处理程序可以是$（＆＃39; html＆＃39;）。您必须将.hover（）分解为两个事件侦听器。修改后的代码：

＆＃13;

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

＆＃13;

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

1 个答案: