javascript - 将 URL 传递给 Javascript 函数

Question

我花了一段时间解决了许多类似的问题，但根据给出的答案，我相信我的设置是正确的 - 但它不起作用，我不确定为什么。

我是 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 告诉我这是站点根目录)。

这是我的 onclick 代码；

<a onclick="loadPage('/pages/testpage/');return false;">Test</a>

我没有收到任何错误返回。我只能假设 loadPage 函数获得零值，而不是/pages/testpage/- 但我不知道为什么!

非常感谢指点 - 这里发生了很多令人头疼的事情!

Answer 1

它已经是一个字符串:

$('#main').load(pgurl);