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

Question

我有一个jquery滑块（ nivo滑块 ），它使用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 Slider的任何元素。

Answer 2

你收到任何JavaScript错误吗？

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

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