使用jQuery .load() - 不工作

时间:2011-02-14 00:44:12

标签: jquery

$("#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文件相同的位置。谢谢大家。

因为可能缺乏信息而提前道歉,因为这是我的第一篇文章。

可能是什么原因?标记是否正确? 感谢。

1 个答案:

答案 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');