当前位置: 首页 > 知识库问答 >
问题:

使用ajax加载内容后执行javascript函数[重复]

司空俊雅
2023-03-14

我有一个HTML仪表板页面,我使用ajax加载其他内容。一切都很好,它显示了我的其他页面,但问题是在它加载新内容后,我的javascript代码在新页面不工作

这是我在仪表板页面中的div

<div id="ajax_load">

</div>

这是我的ajax代码

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

这是我的色情网页

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

</script>

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

共有2个答案

史高阳
2023-03-14

如果您尝试使用Firefox或Microsoft Edge打开您的仪表板页面,您将看到一切正常,我认为问题是CORS问题(因为您尝试在本地加载),您可以在此处阅读更多信息

AJAX对本地文件系统的请求在Chrome中不起作用?

要使此AJAX请求在Chrome中工作,您需要向Web服务器发出请求。如果您在Windows上,您可以轻松地在本地计算机上安装IIS或WAMP。

盖斌
2023-03-14

脚本从页面(内联脚本)移动到单独的 js 文件。

 类似资料:
  • 问题内容: 我需要在ajax加载后添加一个类。首先,我给一些元素提供一个“就绪”类,该类可以启动CSS过渡。单击链接li#menu- item-318a时,它将删除ready类,该类将反转CSS转换,然后加载新的html文档。在Aja加载中,我再次想将ready类添加到Ajax调用插入的相同元素中。 下面的代码有一个回调,可以添加ready类,它可以工作。但是,当Ajax加载其集合时,Ready类

  • 问题内容: 我有一个通过Ajax加载的php文件的内容,该文件包含HTML和JavaScript。我有一个按钮: 我下面有一个脚本,它将通过jQuery函数更新文档哈希 当我分别运行php文件时,此代码有效,但是从Ajax调用加载此页面时,该功能不再运行。在Firebug中,脚本不存在,因此我假设无法使用此方法加载脚本。我还尝试将JavaScript代码段放在整个网站的标头中,但这也失败了。 我也

  • 问题内容: 我正在使用jquery地址插件来加载页面,但是没有hash(#)。 index.html: page.html: 在#content div中将从page.html中加载#content html(也许我应该使用其他函数,而不是.html(),请纠正我),因为div是script标签,但是加载该页面时我没有收到警告从ajax开始,无需加载ajax就可以运行。有人能帮我吗 ? 编辑:当我

  • 问题内容: 我的问题: 我有index.html: 是这样的: 问题很简单。 当我按下按钮时,我想动态加载内容,而无需刷新。 提前致谢!请发表评论以进行任何必要的澄清。 编辑,更详细的解释: 我不确定自己是否很清楚(或者我可能不了解我缺乏技术技能的答案),所以我再说一遍。(改写) 我有一个带有提交按钮的HTML,该按钮通过POST方法发送变量。 PHP文件使用此变量,并在经过一定过程后插入并更新M

  • 问题内容: 我使用jQuery Tools Plugin作为图像滑块(此处为image ),但是由于图像数量巨大,我一次只需要加载几次。由于它是用JavaScript编码的,因此我无法知道滚动位置。我想在最后一张图片出现时立即加载它们。我不知道我放在哪里,事件监听器也什么都没有。 这是我的代码http://jsfiddle.net/PxGTJ/ 请给我一点光! 问题答案: 我只需要使用jQuery

  • 问题内容: 我正在使用inside 执行外部脚本。 现在,由于脚本是 在 页面加载 之前 执行的,因此我无法访问。在文档“加载”后(HTML已完全下载并在RAM中),我想执行一些JavaScript。执行脚本时,是否有任何我可以挂上的事件,这些事件将在页面加载时触发? 问题答案: 这些解决方案将起作用: 要么 甚至 请注意, 最后一个选项是更好的选择,因为它不引人注目并且被[认为是更标准的。