zoukankan      html  css  js  c++  java
  • jquery中对动态生成的标签响应click事件(一)

    参考自:http://my.oschina.net/lishixi/blog/31612

    <%@ page language="java" contentType="text/html; charset=GB18030"
        pageEncoding="GB18030"%>
    <!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=GB18030">
    <title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"/>
        <link rel="stylesheet" type="text/css" href="../themes/icon.css"/>
    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
    <script>
    jQuery(document).ready(function($) {
    
    $('#clickme').bind('click', function() {
      
      var html = "<div class='clickyou'>Another target</div>";
      $('.clickyou').live('click', function() {
            alert("Successful click."); 
          });
      
      $("#divContent").html(html);
    
      $('#experimentDialog').dialog('open');
      });
    
     $(function() {
            $("#experimentDialog").dialog( {
                bgiframe : true,
                autoOpen : false,
                height : 400,
                width : 600,
                modal : true,
                draggable : true
            });
        });
     
    });
    
    </script>
    </head>
    <body>
        <a id="clickme" class="easyui-linkbutton">click me</a>
      <div id="experimentDialog" title="系统实验列表" closed="true">
         <div id="divContent"></div>
        </div>
    </body>
    </html>
  • 相关阅读:
    es6.8集群部署(ssl认证)+nfs备份(生产)
    spool
    dataguard unname
    zabbix监控mysql主从同步可用性
    企业微信发送消息
    安装ruby
    binlog2sql
    xtrabackup备份异地恢复+binlog日志应用
    5.7.29重新部署主从
    centos7 图形界面启动
  • 原文地址:https://www.cnblogs.com/langdangyunliu/p/4089063.html
Copyright © 2011-2022 走看看