Question

我有一个HTML仪表板页面，并且我使用ajax将其他内容加载到该页面。一切正常，它显示了我的其他页面，但问题是在它加载新内容后，我在新页面中的javascript代码无法正常工作

这是我在信息中心页面中的div

<div id="ajax_load">

</div>

这是我的ajax代码

$(document).ready(function() {
    $("#ajax_load").load("./profile.html");
});

这是我的porfile页面

<h1>hi</h1>
<script>
$(document).ready(function() {
    alert('hi');
 });

</script>

问题是加载后配置文件页面中的警报不起作用

Answer 1

将脚本从页面（内联脚本）移至单独的js文件。

Answer 2

如果您尝试使用Firefox或Microsoft Edge打开仪表板页面，您会看到一切运行正常，我认为这是一个CORS问题（因为您尝试在本地加载），您可以在此处阅读更多内容

要使此AJAX请求在Chrome中运行，您需要向网络服务器发出请求。如果您使用的是Windows，则可以轻松地在本地计算机上安装IIS或WAMP。