Code:
$(document).delegate(".divDocument", "click",
function (event) {
var detailsDiv = $(this).find('#document-details');
if (detailsDiv[0].children.length == 0) {
LoadDocumentDetails($(this).find('#document-details'), this.id);
} else {
detailsDiv.toggle(1000);
}
}
);
I'm trying to stop the toggle from happening when I click on a link in the div.
Code:
$("#corrContent a").click(function (event) {
event.stopPropagation();
})
Here's the method I'm trying to use to stop the event from bubbling up. The problem I'm having is that this method isn't getting hit so I must have the selector wrong somehow.
Code:
success: function (data, textStatus, jqXHR) {
//Data loaded successfully. Clear the loader and show details
$(div).removeClass("divLoading");
$(div).empty();
var results = data.GetCorrespondenceByIDResult;
var correspondence = results.RootResults[0];
var doc = results.IncludedResults[0];
var contact = results.IncludedResults[1];
$(div)
.html('<div id="corrContainer">\
<div id="corrFileContact">\
<p>' + contact.FirstName + ' ' + contact.LastName + '</p>\
<p>' + contact.BusinessName + '</p>\
</div>\
<div id="corrContent">\
<p style="float:left;"><a onClick=\'OpenRadWindow(\"../WebTwain/ViewDocument.aspx?iImageIndex=' + doc.ID + '&ImageName=' + doc.FileName + '&ImageExtType=' + doc.FileType + '\")\'>' + doc.FileName + '</a></p>\
<p style="float:right; margin-right:50px;">' + readableFileSize(doc.FileSize) + '</p>\
</div><div id="corrFooter">\
<p>Created By:</p>\
<p>' + correspondence.CreatedBy + '</p>\
<p>' + new Date(parseInt(correspondence.CreatedDate.substr(6))).format("MMMM d, yyyy") + '</p>\
</div>\
</div>');
}
Here's the success portion of the ajax call where I add the link.