![](/img/trans.png)
[英]On click event not firing the first time on dynamically added elements via AJAX
[英]dynamically added <ul> not firing click event
我创建<ul>
包含两个<li>
但他们都不射击click
事件。
code
var d = document.createElement('div');
d.className = "dataTables_paginate paging_bootstrap pagination";
var UL = document.createElement('ul');
var L1 = document.createElement('li');
L1.className = 'prev';
var A1 = document.createElement('a');
A1.appendChild(document.createTextNode('← Previous'));
A1.id = 'B1';
L1.appendChild(A1);
UL.appendChild(L1);
var L3 = document.createElement('li');
L3.className = 'active';
var A3 = document.createElement('a');
A3.appendChild(document.createTextNode('1'));
L3.appendChild(A3);
UL.appendChild(L3);
d.appendChild(UL);
var L2 = document.createElement('li');
L2.className = 'next';
var A2 = document.createElement('a');
A2.appendChild(document.createTextNode('Next →'));
L2.appendChild(A2);
A2.id = 'B2';
UL.appendChild(L2);
var root = document.getElementById('rose');
root.appendChild(d);
script
$('#B1').click(function () {
alert('back');
});
$('#B2').click(function () {
alert('next');
});
试试这个以进行事件委托
$('#myContainer').on("click", element , function(){
alert('back');
});
use jQuery 'on' method to fire click function on dynamically added ul.
example :- $('#parent').on("click", "#child", function() {});
回答
$('#parentDiv').on('click','#B1', function () {
alert('back');
});
$('#parentDiv').on('click','#B2', function () {
alert('next');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.