2016-06-28 35 views
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=1link1.html?test=2)进行测试,但仍然只有第一个链接有效。

任何帮助,将不胜感激。

谢谢

+0

问题出在'newViewScreen'。这是什么?不应该这是'contentUrl' –

+0

@Shaunak D是的。这是我粘贴时的拼写错误。在我的实际脚本中,我使用newViewScreen。我试图简化读者的命名。谢谢。我已纠正它。 – jkdoyle

+0

_“出于某种原因,负载卡住加载一个页面,没有其他人”_ _无法重现 – guest271314

回答

0

上述脚本按预期工作。该错误发生在辅助加载页面上。