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"，其中将加载新内容。

我将用于加载内容的基本脚本是：

$(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）调用相同的页面进行测试，但仍然只有第一个链接正常工作。

任何帮助都将不胜感激。

由于

Answer 1

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

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

1 个答案: