jjery在ajax.load loader中显示每个“mouseover”

时间:2017-07-12 16:09:08

标签: jquery ajax

我希望主题清楚,我试着更好地解释我的问题。

我有一个菜单,我想在菜单的父li上鼠标悬停时加载子菜单。 它有效,但每次我继续父母,我看到装载机。 我希望第一次鼠标悬停时可以看到该加载器。 你可以在这里看到它: http://v2.profumee.com

提前致谢。

这是代码:

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();
                });

        }

2 个答案:

答案 0 :(得分:0)

使用localStorage在ajax调用上存储一些值。现在下次悬停时,检查您是否具有localstorage值。这样,您可以调整加载图像的条件。

答案 1 :(得分:0)

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();
                    }
                });

        }