$("#link1").click(function(){
$("#div1").load('../test.html');
return false;
});
这是一个非常简单的.load()函数,它似乎不起作用。网站有一个'js'文件夹,其中的代码在'my-scripts.js'中调用(在doc ready函数中),test.html位于js文件夹(主网站文件夹)的一个目录中,但点击了使用'link1'id的锚点无效。
编辑:我也试过取出'../',但仍然没有。
编辑:这是一个使用WAMP的本地网站 - 如果有帮助的话,这也是我正在制作的Wordpress主题。
最终编辑:原来,因为test.html不在根目录(wordpress主题文件夹之外),它没有找到它...奇怪,因为每个人都建议它应该是在与调用html / php文件相同的位置。谢谢大家。
因为可能缺乏信息而提前道歉,因为这是我的第一篇文章。
可能是什么原因?标记是否正确? 感谢。
答案 0 :(得分:1)
奇怪的问题,因为它似乎已在评论中完全解决了。
最终编辑:原来,因为test.html不在根目录(wordpress主题文件夹之外),它没有找到它...奇怪,因为每个人都建议它应该在同一个位置作为调用html / php文件。谢谢大家。
假设文档根目录(即基本WordPress目录):
/var/www
主题目录:
/var/www/wp-content/themes/my-theme
主题模板文件:
/var/www/wp-content/themes/my-theme/js/my-scripts.js
如果要显示/var/www/wp-content/themes/my-theme/test.html
,则需要构建与正在显示的页面相关的.load()
URL;磁盘上的实际文件是无关紧要的(即不要构建相对于my-scripts.js的路径)。您可能希望使用绝对路径:
$('#div1').load('/wp-content/themes/my-theme/test.html');