javascript - 页面应显示在某个 div 中，无需重新加载

Question

我一直在尝试编写这样的脚本，当我单击链接时，然后在某些 div 中，链接页面的全部内容会被加载，我尝试了以下代码，但它不能正常工作，并且当我单击链接时总是闪烁。如果有任何问题，请告诉我，我该如何完成它：

现场示例：http ://caremerge.us/ajax/waleed_rai_2/index_FAIZAN.html

<script>
    $("#aa").click(function(){
        // load by id on click

            $("#response").delay(10000).load("aa.html");
        });
</script>
    <div id="main-body">        
            <div class="span-19 last" id="response">
    </div>

            </div>

Answer 1

假设#aa是一个<a>标签，您可以使用return false或event.preventDefault()阻止链接去任何地方。event.preventDefault()可以放在代码块的任何地方，而return false应该放在最后。

$("#aa").click(function(){

    //prevent the page from going anywhere
    event.preventDefault()

    // load by id on click
    $("#response").delay(10000).load("aa.html");

    //return false also does the same thing
    return false;
});