javascript - jquery - 点击 jquery 函数生成的元素

Question

我有一个 jquery 滑块（nivo 滑块），它使用 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();
});

---

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

$("#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 在最新版本的 jQuery 中被贬低。