如何在插入元素时高效地执行JavaScript函数？
最初，当页面加载时，我使用jQuery搜索如下内容：如何在插入元素时高效地执行JavaScript函数？,javascript,jquery,dom,dynamic,Javascript,Jquery,Dom,Dynamic,最初，当页面加载时，我使用jQuery搜索如下内容： <label for="first_name">name</label> <input type="text" name="first_name" /> var elem = $('<p></p>').text('hello').appendTo(document.body); adjust_html(elem); 使用绑定方法 将与当前事件匹配的所有元素的处理程序附加到事件 选
<label for="first_name">name</label>
<input type="text" name="first_name" />
var elem = $('<p></p>').text('hello').appendTo(document.body);
adjust_html(elem);
按如下方式创建html：
<label for="first_name">name</label>
<input type="text" name="first_name" />
var elem = $('<p></p>').text('hello').appendTo(document.body);
adjust_html(elem);
var elem=$（''）.text（'hello'）.appendTo（document.body）；
调整html（元素）；
.replaceWith（）<html>
<body>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
window.template = {
queue: {},
set: function(container, content) {
/* first insert content */
container.html(content);
/* now run a list of functions in the queue */
$.each(this.queue, function(s, fs) {
var el = $(s, container);
for (var i = 0, len = fs.length; i < len; ++i)
el.each(fs[i]);
});
},
bind: function(selector, func) {
if (typeof this.queue[selector] === 'undefined')
this.queue[selector] = [];
/* push function to queue for that specific selector */
this.queue[selector].push(func);
}
};
$(function() {
var templateContents = $('#my-template').html();
/* for each <label>, replace it with another <input> */
template.bind('label[for="first_name"]', function() {
$(this).replaceWith('<input type="text" name="last_name" value="last name" />');
});
$('a').click(function(e) {
e.preventDefault();
$('body').append('<div class="container"></div>');
/* get the div that we just appended to body */
var newDiv = $('.container').last();
/* set that newDiv's html to templateContents, and run binded functions */
template.set(newDiv, templateContents);
});
});
</script>
</head>
<body>
<script id="my-template" type="text/template">
<label for="first_name">name</label>
<input type="text" name="first_name" />
</script>
<a href="#">add dynamically</a>
</body>
</html>
window.template={
队列：{}，
集合：函数（容器、内容）{
/*第一次插入内容*/
html（content）；
/*现在运行队列中的函数列表*/
$.each（this.queue，function（s，fs）{
变量el=$（s，容器）；
对于（变量i=0，len=fs.length；idelegate（）.live（）.load（）.live（）