jQuery .getJSON function needs to rebind returned data.

Question

I am having trouble getting my modal window function to bind to some returned data. I am using Cody Lindy's Jquery.DomWindow plugin. Please note that everything functions properly, except for this problem.

The problem occurs when the data that is returned from my jQuery.getJSON call contains a link that is supposed to open up the modal window. The link however, is not recognised by the DOM and therefore is not bound by any function.

My jQuery function is:

$(".deleteThis").live("click", function(){
    var $this = $(this);

    $.getJSON(this.href, function(data) {
     if( data.success == '1') {
     $this.parent().html('<span style="background:#f1ffd6;padding:5px;">' +data.msg+'</span>');         
     } 
     else if( data.success == '2') {
     $this.parent().html('<span style="background:#f1ffd6;padding:5px;">' +data.msg+'</span>');         
     }      
     else {alert("Failure (most likely our fault).");}
    });

    return false;
});

The php script that jQuery sends to contains some database scripting (not shown below as it is not relevant). The relevant php code that returns the JSON array is this:

if($del ==1 ){
    $msg= "$name has been deleted. (<a href='media/delete_coll.php?cid=$cid&delete=0' class='deleteThis' >undo</a>)";
    print json_encode(array("success" => 1,"msg" => $msg));
}

if($del ==0 ){ 
    $msg= "$name <a href='media/editCollab.php?coll=$coll_id' class='absoluteIframeDOMWindow'>edit</a> 
     <a href='media/delete_coll.php?cid=$coll_id&delete=1&coll=$coll' class='deleteThis' > delete</a> | 
     Collaborator has restored.";
     print json_encode(array("success" => 2, "msg" => $msg));
}

Answer 1

This is happening because the plugin binds the event handlers on page load, and you are then adding dynamic content to the page after the fact. The easiest solution would be to move whatever code you have to instatiate the DomWindow plugin into a function and call it once on page load and again whenever a new link is added. If it starts double binding the already existing links, you'd then have to give the dynamic links a different class and instatiate the second time around for that class.

EDIT:

There seems to be some misunderstanding here, so I'll explain further:

The jQuery live feature (which you are using for .deleteThis) was designed to fix the problem that you are having. You probably already know this and hence you are using it. The above paragraph was because I believe what you are saying is that the DomWindow edit link you are returning is not opening the DomWindow as you might expect. This is because DomWindow does not use live internally to bind the events. So when you initially instatiate DomWindow on page load, the links get bound, but the new ones don't. If you're willing to edit the source code of the plugin you could directly fix this by simply using live, but it is easier (although not as "clean") to just move the code to a function and call it whenever you're adding more content to the page.