zoukankan      html  css  js  c++  java
  • 解决Jquery向页面append新元素之后事件的绑定问题

    /*经过用户技能标签增加样式*/
        $(".s-edited").live("hover",function(){
          $(this).toggleClass("borderd");
        })

    ===================================

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>测试</title>
    <script type="text/javascript"
    src="../resources/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
    $(function(){
    //动态添加
    $(".add").on("click",function(){
    console.log("进来了");
    $(".info").append('<div class="delete"><h3>单击我来删除我</h3></div>');
    });
     //对动态添加的元素添加事件-删除
    $(".info").on("click",".delete",function(){
    console.log("进来了Delete!");
    $(this).remove();
    });
     });
    </script>
     </head>
    <body>
     <h2 class='add'>单击我添加动态元素</h2>
     <div class="info"></div>
     </body>
    </html>
     
    以上代码就是本文对jquery append 动态添加的元素事件on 不起作用的解决方案,希望对大家学习有所帮助。
  • 相关阅读:
    yum管理工具
    ansible简介,简单实用
    ssh服务简介及应用与服务的进程的类型
    keepliave
    NFS
    编译安装redis4.0
    redis多实例和高可用
    NTP时间服务
    ssl简介与openssl的使用
    一些高效学习方法-牛人是怎么来的
  • 原文地址:https://www.cnblogs.com/sntetwt/p/8649535.html
Copyright © 2011-2022 走看看