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

Question

我有一个jQuery滑块（nivo slider），它可以生成jquery的next和prev按钮。我试图为该按钮上的div添加一个hide（）动作。

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

.nivo-prevNav类是由滑块

任何想法的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”改为“on”。 Live在最新版本的jQuery中折旧。