美文网首页JS
如何动态监听js动态添加的标签

如何动态监听js动态添加的标签

作者: 五岁小孩 | 来源:发表于2020-07-25 22:20 被阅读0次

    如何动态监听js动态添加的标签

    • 问题

      $(function(){
          //正常的监听事件
        $(".input-select").on('click',function () {
            //获取元素的兄弟元素(且class为.input-select-ul)
              $(this).siblings(".input-select-ul").show();
          });
      })
      

      以上监听方法只能监听页面存在的标签,若标签是由js动态添加的则无法监听到

    • 解决

      $(function(){
         $(document).on('click', '.input-select-ul', function() {
              //获取元素的兄弟元素(且class为.input-select-ul)
            $(this).siblings(".input-select-ul").show();
        });
      })
      

    相关文章

      网友评论

        本文标题:如何动态监听js动态添加的标签

        本文链接:https://www.haomeiwen.com/subject/euhvlktx.html