动态生成的html中无法使用jquery事件的解决方法

2018-10-09

jQuery 1.9/2.0/2.1及其以上版本无法使用live函数了,然而jQuery 1.9及其以上版本提供了on函数来代替。本文讲解了jQuery on函数的使用方法,以及在使用jQuery函数中遇到的一些问题。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
  5. </script>
  6. <script>
  7. $(document).ready(function(){
  8. $("p").on("click",function(){
  9. alert("The paragraph was clicked.");
  10. });
  11. });
  12. </script>
  13. </head>
  14. <body>
  15.  
  16. <p>Click this paragraph.</p>
  17.  
  18. </body>

但是如果要绑定的on方法是动态加载出来的元素,那么这样使用就是没有用的。修正的方法为使用下面的代码代替:

  1. $(document).on("click",".test",function(){//修改成这样的写法


相关文章: