Async function not working using JQuery

Question

I have a function using prototype for my objects but now in need of making an asynchronous call for setting some inputs the problem is that i am getting $$(...).asyncEach is not a function here is my code snippet

Customers.prototype.AddDatePickers = function()
{
    $j.fn.asyncEach = function(callback){
       var i = 0;
       var elements = this;
       var timer = setInterval(function () {
           callback.call(elements[i], elements[i]);
           if(++i >= elements.length) clearInterval(timer);
       }, 0);
    }

    $$('.dateInputs').asyncEach(function (input) {
       $(this).kendoDatePicker();
    });
}

The reason why I have to do this is because there are lots of inputs with date pickers that need to get created so the unresponsive script message shows. I am trying to avoid that and this was given as an answer, my problem is I think (i am new to jquery) is that it is in a prototype function?, usually when I need to use $ i have to use $j in my prototype functions so that there is no conflict. But with this set up I am not really sure how to make it work.

thats not the issue, its a copy paste typo sorry - i fixed the typo thanks — jedgard
– jedgard, Commented Jan 5, 2014 at 6:09
Your code results in a syntax error, as you're missing a ). — user229044
– user229044 ♦, Commented Jan 5, 2014 at 6:12
Nope. that's prototype i believe. What you want is $j there. — user400654
– user400654, Commented Jan 5, 2014 at 6:38

Chetan S · Accepted Answer · 2014-01-05 06:51:52Z

1

For the purpose you described, it could be a lot simpler. The following should do.

$('.dateInputs').each(function() {
    var element = this;
    setTimeout(function() {
        $(element).kendoDatePicker();
    }, 0);
});

Note: I'm using the standard jquery notation, you can modify it your no-conflict version.

Also, your version has a bug in it that calls the callback at least once even if the elements were empty.

answered Jan 5, 2014 at 6:51

Chetan S

23.8k2 gold badges67 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Async function not working using JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related