How to tell jQuery: When load is ready, show this?

Question

This code:

$("#permalink a").click(function(id){
var id = this.getAttribute('href');
$("#newPostContent").load(id, function() {
 $("#removeTrigger").click(function() {
 $("#removeThis").hideToggle();
 $("#postSingle").hideToggle();
 });
});
   $("#postSingle").fadeToggle();
   return false;
});

Shows #postSingle before the load function finish its work. How can I adjust it?

Thanks

(a lot of questions today, thank you, everybody :)).

The guy is talking about $.load(), people, not page load... – ijw Sep 02 '09 at 13:19 — ijw, Sep 02 '09 at 13:19

score 2 · Accepted Answer · answered Sep 02 '09 at 12:41

Put everything you want to happen after the load in the callback function:

$("#permalink a").click(function(id){
    var id = this.getAttribute('href');
    $("#newPostContent").load(id, function() {
        $("#removeTrigger").click(function() {
             $("#removeThis").hideToggle();
             $("#postSingle").hideToggle();
        });
        $("#postSingle").fadeToggle();
    });
    return false;
});

score -1 · Answer 2 · answered Sep 02 '09 at 12:40

-1

Have you tried wrapping that in a document ready block? Like:

$(document).ready(function() {
  $("#permalink a").click(function(id){
  var id = this.getAttribute('href');
  $("#newPostContent").load(id, function() {
   $("#removeTrigger").click(function() {
   $("#removeThis").hideToggle();
   $("#postSingle").hideToggle();
   });
  });
   $("#postSingle").fadeToggle();
   return false;
});
});

answered Sep 02 '09 at 12:40

Terry

1,088
6
10

See previous answer. I did. Nothing happens. – Tomer Lichtash Sep 02 '09 at 12:43
He's talking about $.load(), not page load. – Tomas Aschan Sep 02 '09 at 13:45

How to tell jQuery: When load is ready, show this?

2 Answers2