jquery in ajax.load loader showing every “mouseover”

Question

i hope subject is clear, i try to explain better my problem.

I have a menu and i'd like to load submenu just on mouseover on parent li of menu. It works, but every time i go on parent, i see loader. I'd like that loader to be visible just on first mouseover. You can see it here: http://v2.profumee.com

Thanks in advance.

This is the code:

function pageLoad() {

            var SessionLingua = '<%= Session("Lingua") %>';

            $(".LinkPadreBoxMenu").mouseover(function (event) {
                    event.preventDefault(); //preventing button's default behavior
                    var IDCategoriaGenitore = $(this).next("#LblIDCategoria").html();

                    $('.A_' + IDCategoriaGenitore).show();

                    $(".SottoCategorieAjax_" + IDCategoriaGenitore).load('/' + SessionLingua + '/ajax_categorie.aspx', { 'IDCategoriaGenitore': IDCategoriaGenitore }, function () {
                        $('.A_' + IDCategoriaGenitore).hide();
                    });
                    event.stopPropagation();
                });

        }

Answer 1

Use localStorage to store some value on ajax call. Now next time when you hover, check whether you have localstorage value. By this, you can condition you loading image.

Answer 2

function pageLoad() {

            var SessionLingua = '<%= Session("Lingua") %>';
            var vars = {};

            $(".LinkPadreBoxMenu").mouseover(function (event) {
                    event.preventDefault(); //preventing button's default behavior
                    var IDCategoriaGenitore = $(this).next("#LblIDCategoria").html();


                    if (vars['Menu' + IDCategoriaGenitore] != true){
                        $('.A_' + IDCategoriaGenitore).show();

                        $(".SottoCategorieAjax_" + IDCategoriaGenitore).load('/' + SessionLingua + '/ajax_categorie.aspx', { 'IDCategoriaGenitore': IDCategoriaGenitore }, function () {
                            $('.A_' + IDCategoriaGenitore).hide();
                            vars['Menu' + IDCategoriaGenitore] = true;
                        });
                        event.stopPropagation();
                    }
                });

        }