gpt4 book ai didi

javascript - 未找到 ID 当在外部选择数据库中使用 ajax 进行使用功能单击 js 时

转载 作者:行者123 更新时间:2023-11-28 05:01:06 25 4
gpt4 key购买 nike

我正在设计一个完整的 Ajax 管理面板,但我有一个问题......在页面中,我使用 ajax 选择信息数据库,如下所示:

html

<body>
<div id="loadbox"></div>
<script src="jquery.js"></script>
<script src="script.js"></script>
</body>

js

$(document).ready(function() {
show_all();
});


function show_all() {
work = "select";
$.ajax({
type: "POST",
url: "server.php",
data: "work=" + work,
success: function(data) {
$("#loadbox").html(data);
}
});
}

和 server.php 文件:

$pdo = new PDO('mysql:host=localhost;dbname=test','root','');

if(isset($_POST['work'])){
$work = $_POST['work'];


if ($work == 'select') {
$query = $pdo->query("SELECT * FROM t1");
while ($s = $query->fetch()) {
$name = $s['name'];
$family = $s['family'];
echo '<div id="xRight">'.$name.'</div>';
echo '<div id="xLeft">'.$family.'</div><br>';
}


}
}

现在我需要使用此 cod 的 id xRight :

$("#xRight").click(function(){
$(this).addClass("vv");
});

但是因为div和id是在server.php文件中制作的。找不到使用的 id

如何解决这个问题?!

最佳答案

我认为这对你有用

$(document).on("click","#xRight",function(event) {
// $(this).addClass("vv");
$(event.target).addClass("vv");
});

关于javascript - 未找到 ID 当在外部选择数据库中使用 ajax 进行使用功能单击 js 时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42129119/

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