jquery-callback

I have the following code: HTML <div id="body"></div> JS var site = { 'pageData' : [ { 'loadInTo' : '#aboutUs', 'url' : 'aboutUs.html', 'urlSection' : '.sectionInner' }, { 'loadInTo' : '#whatWeDo', 'url' : 'whatWeDo.html', 'urlSection' : '.sectionInner' }, { 'loadInTo' : '#ourValues', 'url' : 'ourValues.html', 'urlSection' : '.sectionInner' }, { 'loadInTo' : '#ourExpertise', 'url' : 'ourExpertise.html', 'urlSection' : '.sectionInner' } ]} for(i=0; i < site.pageData.length; i++) { var loader = site.pageData[i]; $('#body').append('<div id="'+ loader.loadInTo +'" class="section" />'); $(loader

This question already has answers here : Pass an extra argument to a callback function (4 answers) Closed 2 years ago . Straight to the business: I have a jquery event listener that looks like this: $(".number").click(printNumber); and a callback function: function printNumber(number){ console.log(number); } I was wondering if I could pass an argument to a callback so it will look something like this $(".number").click(printNumber(number)); (I know that it immediately invokes that function, but still, is there a way to pass arguments to it) Thank you in advance! The clean way to handle this is

I am having a tough time conceptualizing what exactly callbacks or hooks are in jQuery. They seem to be lumped together, but I don't know the difference between them. From what I understand from other posts about callbacks, like this , a callback is simply a function A that you pass to another function B that calls A once B is done. (That may be totally wrong, correct me if so). I really don't have any notion on hooks, other than the statement "you should use a hook/callback." Something makes me doubt they're that similar... Your definition is close but insufficient. A callback is a function A

I'd like to know if it is possible to detect if an element is not clicked. This is the code I have: $("#mpElement").myFeature({ ......... ......... ......... afterDo: function() { // This if-else statement has to go inside "when not clicked" condition. // Not sure how to do this... if($(".myButton").last().hasClass("selected")) { $(".myButton").first().addClass("selected"); $(".myButton").last().removeClass("selected"); } else { $(".selected").removeClass("selected").next().addClass("selected"); } $(".myButton").on("click", function(){ $(".myButton").removeClass("selected"); $(this).closest("

I read through various threads like this one for example. But it really escapes me how to accomplish the following: I have 4 functions, and want them happen one after another in sequence. Notice they are in incorrect order, to get my point across. I want the result that will output "1, 2, 3, 4' function firstFunction(){ // some very time consuming asynchronous code... console.log('1'); } function thirdFunction(){ // definitely dont wanna do this until secondFunction is finished console.log('3'); } function secondFunction(){ // waits for firstFunction to be completed console.log('2'); }

I was looking through new stuff added to jQuery 1.7 and I saw they now have jQuery.Callbacks() http://api.jquery.com/jQuery.Callbacks/ . The documentation shows you how to use jQuery.callbacks() but not any applicable examples of when I would want to use them. It seems you can add/remove callbacks from a callbacks list and you can do jQuery.callbacks().fire(args), but this just fires off ALL of the callbacks in that list. Maybe I am missing something but this doesn't seem very useful. In my head when I first saw this new functionality I thought you would be able to use it with key/value pairs.