我该如何在pageload上将默认页面加载到div中？

Question

I need this to have a default page on load of aboutme.php but still have all the same functionality

function

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

body

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

So before any link is clicked to load into the div; the div has already loaded the aboutme.php page, hopefully this makes sense, and thankyou for any help in achieving this.

Answer 1

You have this for the links:

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

But you need: when the page loads,

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

And that's all. Just add this code after your code, don't replace your version.

Answer 2

You might want to use .ajax instead of .load (when aboutme takes some time to load)

This way you can abort the request when user clicks your content Link while aboutme is still loading: Aborting jQuery().load()

If you're loading a small snippet, this is probably overkill and you should ignore this post.

If not... just sayin