critto
asked on
jQuery callback
Hi Experts,
I've got a situation where I'm doing some jquery image loading and want to halt my function until part of the processing is done. See // I WANT TO PAUSE HERE... mid way down the code...
Anyone know how I should do this??
I've got a situation where I'm doing some jquery image loading and want to halt my function until part of the processing is done. See // I WANT TO PAUSE HERE... mid way down the code...
Anyone know how I should do this??
var diagnosticNext = $('#diagnostic-paging-panel > ul > li.numeric-paging-next-item');
var goForward = $(diagnosticNext).hasClass('numeric-paging-active');
var pageForward = $('#diagnostic-paging-panel > ul > li.numeric-paging-next-item > a').attr('href');
var diagnosticPrevious = $('#diagnostic-paging-panel > ul > li.numeric-paging-previous-item');
var goBackward = $(diagnosticPrevious).hasClass('numeric-paging-active');
var pageBackward = $('#diagnostic-paging-panel > ul > li.numeric-paging-previous-item > a').attr('href');
if(goForward || goBackward){
if(goForward) pageLoadLink = pageForward;
else pageLoadLink = pageBackward;
updatePaging(
pageLoadLink,
type,
function(data) {
diagnosticImages = data.DiagnosticImageDetails;
diagnosticImagesPagingPanel = data.DiagnosticImagePagingPanel;
},
function() {
return diagnosticImages;
},
function() {
return diagnosticImagesPagingPanel;
}
);
// I WANT TO PAUSE HERE UNTIL updatePaging() is finished...
var image = images[imageIndex];
}
function updatePaging(uri, imageType, updateData, getImages, getImagesPagingPanel) {
$('#' + imageType + '-images-carousel .carousel-loading').children().remove();
$('#' + imageType + '-images-carousel .carousel-loading').prepend(getAjaxLoadingMarkup(imageType + '-carousel-loading', 'Loading Images...'));
$('#' + imageType + '-images-carousel .carousel-loading').show();
$.getJSON(uri, function(data) {
if (isSuccess(data, false)) {
updateData(data);
$('#' + imageType + '-images-carousel .carousel-tray ul').children().remove();
for (var x = 0; x < getImages().length; x++) {
$('#' + imageType + '-images-carousel .carousel-tray ul').append('<li><div><span>' + getImages()[x].PageObject.Title + '</span></div><a href="#' + getImages()[x].PageObject.Id + '" id="image-' + imageType + '-' + getImages()[x].PageObject.Id + '"><img src="' + getImages()[x].PageObject.SmallImageFileName + '" alt="' + getImages()[x].PageObject.Title + '" width="120" height="90" /></a></li>\r\n');
}
setPagingPanelPage(getImagesPagingPanel().PreviousPage, '#' + imageType + '-images-carousel .numeric-paging-previous-item', 'Previous');
setPagingPanelPage(getImagesPagingPanel().NextPage, '#' + imageType + '-images-carousel .numeric-paging-next-item', 'Next');
for (var x = 0; x < getImagesPagingPanel().NumberedPages.length; x++) {
setPagingPanelPage(getImagesPagingPanel().NumberedPages[x], '#' + imageType + '-images-carousel .numeric-paging-page-item:eq(' + x + ')', diagnosticImagesPagingPanel.NumberedPages[x].PageNumber);
}
} else {
}
$('#' + imageType + '-images-carousel .carousel-loading').hide();
});
}
why dont you move those line (29-30) after line 57, where the getJson call back is?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
This is a panel of images which click through.. the updatePaging method is only called when the user clicks on the last image, not for every click.
i did not understand.
how does that <<every click>> or <<last click>> makes any difference?
After all you are making a change in the method where you would be calling updatePaging method
how does that <<every click>> or <<last click>> makes any difference?
After all you are making a change in the method where you would be calling updatePaging method
ASKER
Good point. Thanks.