位置未更新使用带有 Jquery .load() 的 URL 变量

Question

我正在使用菜单链接传递 href 值 jQuery .load() 以将内容加载到 div。由于某种原因，负载卡在加载一个页面而没有其他页面。在某些时候，这是有效的。

菜单链接示例：

<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>

我有一个div 和id="jq_load_content"，将在其中加载新内容。

我将内容加载到 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）调用 same 页面进行测试，但仍然只有第一个链接有效。

任何帮助将不胜感激。

谢谢

Answer 1

上述脚本按预期工作。错误出现在辅助加载页面上。