javascript - Jquery - 单击由 jquery 函数生成的元素

Question

我有一个 jquery slider ( nivo slider )，它可以使用 jquery 生成下一个和上一个按钮。我正在尝试为该按钮上的 div 添加 hide() 操作。

$(document).ready(function(){
   $(".nivo-prevNav").live('click', function() {
      $("#slide3").hide();
   });
});

.nivo-prevNav类由slider的jquery函数生成

关于如何解决这个问题的任何想法，因为它不起作用

Answer 1

.live() 已被弃用。使用 .on() 代替:

$(document).on("click", ".nivo-prevNav", function() {
     $("#slide3").hide();
});

<小时/>

为了获得更好的性能，您应该在 Nivo 插件运行之前对可用的最近父级调用 .on():

$("#nivo-wrapper").on("click", ".nivo-prevNav", function() {
     $("#slide3").hide();
});

您应该将 #nivo-wrapper 更改为您调用 Nivo slider 的任何元素。