lazy function is not getting recognised about jquery.lazy HOT 9 CLOSED

Hello @anshudaur !

Well, I can tell you for now that your posted code can't work. Because it is invalid JavaScript. You can't place console.log directly inside an object.

Beside this, your code has another problem: you set display to block after every load or error. This means that even elements that are not handled by now will be set to this. You should instead use the element parameter of the callback to only set this to the correct items. But it is not needed in onFinishedAll.

$(function() {
    $(".lazy").lazy({
        // console.log("inside lazy function"); <-- this line is not allowed !
        afterLoad: function(element) {
            element.css("display", "block");
            console.log("Dealer locator data is about to be loaded");
        },
        onError: function(element) {
            element.css("display", "block");
            console.log('onError of lazyLoad');
        },
        onFinishedAll: function() {
            console.log('lazy loading finished');
        }
    });
});

That are all problems I can see for now. That should work in general.

from jquery.lazy.

HI, i tried your change, but the function call is itself not happening

from jquery.lazy.

Well, then I need to see your whole code. It is impossible to tell whats wrong without seeing the problem. Please use jsfiddle to create an example reproducing the problem.

from jquery.lazy.

Hi, thanks for your time. The link for jsfiddle is : https://jsfiddle.net/oge0qs3a/1/

from jquery.lazy.

I have to ask ... What are you trying to do?
Because this is completly wrong usage. Are you familar with the principle of lazy loading?

from jquery.lazy.

Hi, Ok i will explain you what i want to do. My page is pretty big and the bottom of it, i am getting data dynamically which is making my page slow. SO i want to implement lazy loading which according to me is not loading the element untill you scroll down to the page where your element exists. That's right , right?

from jquery.lazy.

Well, basically. Lazy can load images by default (without plugins) when scrolling to them. It is even possible to load more data on scroll, like over ajax.

But it is not possible as you did. Think about it by yourself. Everything in the html document will be loaded when the browser load it. So placing your ul inside a div will not prevent the browser from loading it. You will only show the element, when the user scrolls to it.

For lazy loading content like this you have to do a bit more work. I wrote an example some time ago on stackoverflow. This should give you an idea what you have to do.

from jquery.lazy.

You are right .. I will take a look into this. Thanks.

from jquery.lazy.

Hey it worked. Thanks a ton for your patience and solution :P

from jquery.lazy.