页面应显示在某个div中而不重新加载

时间:2012-05-19 09:19:21

标签: javascript ajax jquery

我一直在努力研究这样一个脚本,当我点击链接然后在某个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>

1 个答案:

答案 0 :(得分:0)

假设#aa<a>标记,您可以使用return falseevent.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;
});