我怎么能有一个默认页面加载到页面加载div?

时间:2016-07-07 07:56:21

标签: javascript jquery

我需要这个加载aboutme.php的默认页面,但仍具有所有相同的功能

功能

$(function(){
    $(document).on('click', '.content-link, #profile-body a',function(e){
         e.preventDefault();// prevent browser from opening url
         $('#profile-body').load(this.href);   
    });
});

<div id="profile-body"></div>

所以在点击任何链接加载到div之前; div已经加载了aboutme.php页面,希望这是有道理的,并且对此有任何帮助。

2 个答案:

答案 0 :(得分:2)

你有这个链接:

$(function(){
    $(document).on('click', '.content-link, #profile-body a',function(e){
         e.preventDefault();// prevent browser from opening url
         $('#profile-body').load(this.href);   
    });
});

但你需要:当页面加载时,

$(document).ready(function() {
    var defaultPage = "aboutme.php";
    $('#profile-body').load(defaultPage);
});

这就是全部。只需在代码后添加此代码,不要替换您的版本。

答案 1 :(得分:1)

您可能希望使用.ajax而不是.load(当aboutme需要一些时间来加载时)

这样,您可以在用户点击内容链接时中止请求,同时仍然加载aboutme: Aborting jQuery().load()

如果你正在加载一个小片段,这可能有点过头了,你应该忽略这篇文章。

如果不是......只是说