0
我使用菜单链接传递href值jQuery加载内容到div
。出于某种原因,负载卡住加载一个页面,没有其他人。在某个时候,这是工作。位置不更新使用URL变量与Jquery .load()
菜单链接例如:
<ul class="menu">
<li>
<a href="link1.html" class="load_link">Content 1</a>
</li>
<li>
<a href="link2.html" class="load_link">Content 2</a>
</li>
<li>
<a href="link3.html" class="load_link">Content 3</a>
</li>
</ul>
我有一个id="jq_load_content"
其中div
新的内容将被加载。
我的内容加载到DIV基地脚本是:
$(document).ready(function(){
$(".load_link").click(function() {
//TRIED MAKING VARIABLE EMPTY EVERY CLICK
var contentUrl = null;
//LOAD VARIABLE WITH HREF ON CLICKED LINK
var contentUrl = $(this).attr('href');
// TRIED EMPTYING DIV
$('#jq_load_content').empty();
//load url
$('#jq_load_content').load(contentUrl, function(){
//Functions after load
});
// DISABLE LINK
return false;
}); //End menu link click
}); //End document ready
当点击链接,只有第一个href是有史以来加载。最初,即使当我点击其他链接时,link1.htm
也是拉入div
的内容。在我添加了.empty()
功能之后,其他人又回来了,但link1
仍然有效。所有链接的文件确实存在并且位置正确。我甚至尝试通过调用相同的页仅使用不同的查询字符串(link1.html?test=1
,link1.html?test=2
)进行测试,但仍然只有第一个链接有效。
任何帮助,将不胜感激。
谢谢
问题出在'newViewScreen'。这是什么?不应该这是'contentUrl' –
@Shaunak D是的。这是我粘贴时的拼写错误。在我的实际脚本中,我使用newViewScreen。我试图简化读者的命名。谢谢。我已纠正它。 – jkdoyle
_“出于某种原因,负载卡住加载一个页面,没有其他人”_ _无法重现 – guest271314