I'm trying to stop the toggle from happening when I click on a link in the div.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); } } );
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:$("#corrContent a").click(function (event) { event.stopPropagation(); })
Here's the success portion of the ajax call where I add the link.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>'); }




Reply With Quote