append追加元素后click失效
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了append追加元素后click失效相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> </head> <body> <ul class="type_list" id="type_list_1"> <li class="active">全部</li> </ul> <span class="test">测试</span> </body> <script> $(function() { $(‘#type_list_1 li‘).click(function(event) { console.log(‘123‘); }); $(‘#type_list_1 li‘).on(‘click‘, function() { console.log(‘456‘); }); $(document).on(‘click‘, ‘#type_list_1 li‘, function() { console.log(‘789‘); }); $(‘.test‘).click(function() { $(‘#type_list_1‘).append(‘<li>歌剧</li>‘); }); }); </script> </html>
以上是关于append追加元素后click失效的主要内容，如果未能解决你的问题，请参考以下文章
js中常用追加元素的几种方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild