我花了一段时间来解决许多类似的问题,但根据给出的答案,我相信我的设置是正确的——但它不起作用,我不知道为什么。
我是 Javascript/jQuery 的新手,所以很可能(或很可能!)我在这里遗漏了一些完全明显的东西。
我有一个带有大型“主”div 的页面,我正在使用 jQuery .load 通过导航将内容加载到该页面中。这一切都很好。但是,一些目标页面是数据密集型的,所以我试图在两者之间集成一些东西来向用户表明页面正在加载。因为有许多导航元素,而不是具有多个功能(即每个导航元素一个),我试图在一个功能中做到这一点,就像这样......
<script type="text/javascript">
function loadPage(pgurl) {
$('#main').html('<p align="center">Loading...</p>');
$('#main').load(' +pgurl+ ');
}
</script>
我遇到的问题是导航中的onclick。在此之前,我在 onclick 中有 .load (即onclick="$('#main').load('/pages/testpage/');")并且效果很好。现在我正在通过 onclick 触发 loadPage 函数,它正在加载一个黑色页面(firebug 告诉我是站点根目录)。
这是我的点击代码;
<a onclick="loadPage('/pages/testpage/');return false;">Test</a>
我没有返回任何错误。我只能假设 loadPage 函数的值为零,而不是 /pages/testpage/ - 但我不知道为什么!
非常感谢指针 - 这里发生了很多挠头!