使用.append()创建元素,然后直接分配onclick处理程序

时间:2017-05-20 06:01:49

标签: jquery html

是否可以通过使用.append()/。after()直接将onclick-handler分配给之前插入到html代码中的元素,或者可以是这个元素不是" ready& #34;了吗?

2 个答案:

答案 0 :(得分:1)

事件监听器分配给元素(或元素的子元素),然后将该元素插入DOM中是完全可以的。

问题是关于jquery。这是一个jquery示例:



var buttonWrapper = $('<div>mmmmmmmm<button class="btn">click</button></div>');
var button = buttonWrapper.find('button.btn');
button.on('click', clickListener);
var container = $('#container');

function clickListener() {
  alert('clicked!');
}

container.append(buttonWrapper);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
content
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以将onClick标记指定为html onClick属性。这将确保它准备就绪。

something.append('<htmlelement something="" onClick="functionToTrigger(parameters)">ValueMaybe</htmlelement>');

  

使用Dom Elements肯定会减慢您的网页速度。