gpt4 book ai didi

javascript - jQuery 双击不在表行上工作

转载 作者:行者123 更新时间:2023-11-28 04:30:37 25 4
gpt4 key购买 nike

我正在从远程数据库下载一个表,但是当我这样做时,我在对表中的行执行双击功能时遇到了问题。我可以在整个表上执行双击功能,尽管只使用表的 id,就像这样 $('#t01').dblclick(function(){。我认为这是因为我正在为服务器端的表生成 html 文本。我尝试使用我在客户端完全创建的 EditTable 上的函数并且它工作正常。有谁知道我如何解决这个问题?任何帮助都是非常感谢!

html代码:

<section class="main-section" id="service"><!--main-section-start-->
<div class="container">
<h2>Mapping</h2>


<div data-role="content">
<table id="t01">
</table>

<br>
<br>
<button data-role="button" id="upload">Upload</button>

<table id="EditTable">
<tr>
<td>1</td><td>One</td>
</tr>
<tr>
<td>2</td><td>Two</td>
</tr>
</table>

</div>
</div>
</section>

JavaScript 代码:

var trackID = new Array();
function onBodyLoad() {

$.ajax({
type: 'GET',
url: 'http://ec2*******************compute.amazonaws.com/downloadAdmin.php',
success: function (data) {
// document.getElementById("tblDiv").innerHTML = data;
var trackID=data.split(" ") ;
//alert(data);
printDatabase(trackID);
}
});

}

function printDatabase(trackID){
var tblText='<table style="width:100%"><tr><th style="text-align:center">Recent Journeys</th></tr>';
var len = trackID.length;
for (var i = 0; i < len; i++) {
tblText +='<tr id="\''+trackID[i]+'\'"><td style="text-align:center">'
+ trackID[i] +'</td></tr>';

}
tblText +="</table>";
document.getElementById("t01").innerHTML =tblText;
}


$(document).ready(function() {
$('#t01 tr').dblclick(function(){
alert('Row dblclicked');
});
});

最佳答案

请替换

$('#t01 tr').dblclick(function(){
alert('Row dblclicked');
});

$(document).on("dblclick","#t01 tr",function() {
alert('Row dblclicked');
});

要捕获在声明事件监听器之后创建的元素上的事件 - 您应该绑定(bind)到父元素或层次结构中更高的元素。您的表格是在页面加载完成后动态创建的,而 jQuery 并不知道。

关于javascript - jQuery 双击不在表行上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36020680/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com