gpt4 book ai didi

php - 如何让javascript在AJAX返回的元素上运行

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

我的问题是如何让我的java脚本在AJAX返回的元素上运行。 javascript 不适用于 AJAX 返回的内容。在我的脚本中,它应该弹出一个带有“Hello”的对话框,但事实并非如此。我怎样才能让它发挥作用,或者还有其他方法吗?感谢您的建议。

下面是我的代码...

index.html

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>


<script type="text/javascript">
$(document).ready(function() {
$("#box_1").on("click", function() {
alert("Hello!");
});

changeDisplay();
});

function changeDisplay() {
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}

else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("text").innerHTML=xmlhttp.responseText;
}

}
xmlhttp.open("POST","ajaxHandling.php",true);
xmlhttp.send();

};
</script>
</head>
<body>
<h1>Ajax Test</h1>
<div id="text">

</div>
</body>
</html>

ajaxHandling.php

<?php
echo '<div id="box_1" class="box">Click me</div>';
?>

最佳答案

一个常见问题是,您需要将 future 元素绑定(bind)到脚本运行时存在的 future 元素的父元素,从而对 future 元素使用正确的 on() 语法。

$(document).on("click", "#box_1", function() {
alert("Hello!");
});

我使用过文档,但使用最接近的现有父文档会更好。示例:

$("#wrapper").on("click", "#box_1", function() {
alert("Hello!");
});

关于php - 如何让javascript在AJAX返回的元素上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15366265/

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