js after append-白红宇

js after append

阅读量：4148 次

发布时间：2019-05-25

本文共 1324 字，大约阅读时间需要 4 分钟。

本来以为js代码写好显示出来click事件的发生是我写错了什么东西，找了好久没找到，最后知道是因为由于执行顺序问题，js写的显示在页面上的后执行的，需要插入操作HTML代码：

"addModal">

"selectArea">

after() 方法在被选元素后插入指定的内容。（搜索到的方法）

这是一个模块

结果如下：

这是一个模块

span标签后面多了一个a标签

js代码：

$(function(){

var radio =

' <label >'+

'<input type="radio" name="address" value="0" checked="checked" id="addNode" > '+'新增子地址'+

'</label>'+

'<label>        </label>'+

'<label>'+

'<input type="radio" name="address" value="1" id="addAddress" />'+'新增详细地址'+

'</label>' ;

function getAddFormString(id,addressName,level){

var a1 =

'<form id=

"addForm" action method="post" class="form-horizontal" style="display:none;">'+

'<h4 style="text-align:center;">新增地址</h4>'+

......

'<div class="modal-footer">'+

'<button type="submit" class="btn btn-success">新增</button>'+

'</div>'+

'</form>';

return a1;

}

var s = getAddFormString(treeNode.id,addressName,treeNode.addressLevel+1);

$("

#selectArea").html(radio);

$("#addFormArea").html(s );

"#addModal").after(radio);

"#addModal").after(s);

$("#addNode").click(function(){

$("#addForm").hide();

$("#form").show();

});

$("#addAddress").click(function(){

$("#addForm").show();

$("#form").hide();

});

这段代码不完整，只是取出主要代码的部分总结了一下

转载地址：http://mpiti.baihongyu.com/

你可能感兴趣的文章

OpenFeign学习(六)：OpenFign进行表单提交参数或传输文件

查看>>

Ribbon 学习(二)：Spring Cloud Ribbon 加载配置原理

查看>>

Ribbon 学习(三)：RestTemplate 请求负载流程解析

Ubuntu Could not open lock file /var/lib/dpkg/lock - open (13:Permission denied)

查看>>

collect2: ld returned 1 exit status

查看>>

C#入门

查看>>

C#中ColorDialog需点两次确定才会退出的问题

查看>>

数据库

查看>>

nginx反代 499 502 bad gateway 和timeout

查看>>

linux虚拟机安装tar.gz版jdk步骤详解

查看>>

python实现100以内自然数之和，偶数之和

查看>>

python数字逆序输出及多个print输出在同一行

去哪儿一面+平安科技二面+hr面+贝贝一面+二面产品面经