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

Question

我有一个jquery滑块（nivo slider），它使用jquery生成next和prev按钮。我正在尝试为这些按钮上的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滑块的任何元素。

Answer 2

您是否收到任何JavaScript错误？

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

将“live”更改为“on”。 Live在最新版本的jQuery中被折旧。