Question

我有一个包含子菜单的菜单，并且有关于和关闭子菜单的+和_图像。没有其子对齐的菜单与其他菜单不同的问题并且要修复必须将图像添加到没有图像关闭的li并打开以修复对齐这里的截图我的意思{{0 }}

enter image description here

这意味着用js创建恶魔这里的代码我无法用css修复它因为它会影响整个菜单代码

$(function () {
    //this function to get , show and hide sub menu from this menu by use menu Id

    $('.daymanicPageMenu').delegate('img', 'click', function () {

        var checkSubMenuFound = $(this).parent().children(".daymanicPageSubMenu").length;

        if (checkSubMenuFound != 0) {


            //remove this div show fast
            $(this).parent().children(".daymanicPageSubMenu").slideUp("fast", function () {
                $(this).parent().children("img").attr('src', 'http://localhost:53188/Content/Images/CollectionImages/image.png');
                $(this).remove();
            });

        } else {

            $(this).parent().append("<div class='daymanicPageSubMenu'></div>");

            var subMenuDiv = $(this).parent().children(".daymanicPageSubMenu");

            //get menu Id to get sub menu by Ajax
            var menuId = $(this).data('stuff');
            // ajax request
            $.ajax({
                url: "GetSubMenu",
                data: { menuId: menuId },
                type: 'POST',
                async: false,
                success: function (data) {
                    subMenuDiv.append(data);
                }
            });

            //show this div fast
            subMenuDiv.hide().slideDown("fast", function () {
                $(this).parent().children("img").attr('src', 'http://localhost:53188/Content/Images/CollectionImages/image2.png');
            });

        }

    });


    //List Indexing function
    $('.listIndexing').delegate('label', 'click', function () {

        var currentpage = $('.liIndexing').html();

        var parent = $(this).parent();
        var parentParent = parent.parent();
        var removeClassLabel = parentParent.find('li[name=' + currentpage + ']');
        removeClassLabel.children('label').removeClass("liIndexing");

        if ($(this).html() == "Next") {

            currentpage++;
            var pagecount = $(this).attr('name');
        }
        else if ($(this).html() == "Prev") {
            currentpage--;
        } else {
            currentpage = $(this).data('stuff');
        }
        if (currentpage < 1) { currentpage = 1; }
        if (currentpage > pagecount) { currentpage = pagecount; }

        //get list Id to get List News by Ajax
        var newListdiv = $("#newsPage");

        // ajax request
        $.ajax({
            url: "News",
            data: { listId: currentpage },
            type: 'POST',
            async: false,
            success: function (data) {
                newListdiv.empty().append(data);
            }
        });
        var addClassLabel = parentParent.find('li[name=' + currentpage + ']');
        addClassLabel.children('label').addClass("liIndexing");


    });
    $("#newsPageListIndex li:eq( 1 )").children("label").addClass("liIndexing");


var tn1 = $('.mygallery').tn3({
    skinDir:"skins",
    imageClick:"fullscreen",
    image:{
        maxZoom:1.5,
        crop:true,
        clickEvent:"dblclick",
        transitions:[{
            type:"blinds"
        },{
            type:"grid"
        },{
            type:"grid",
            duration:460,
            easing:"easeInQuad",
            gridX:1,
            gridY:8,
            // flat, diagonal, circle, random
            sort:"random",
            sortReverse:false,
            diagonalStart:"bl",
            // fade, scale
            method:"scale",
            partDuration:360,
            partEasing:"easeOutSine",
            partDirection:"left"
        }]
    }
});

});

Answer 1

修复对齐我必须将图像添加到li

你，你不需要。使用CSS正确对齐它们。此外，对于嵌套列表菜单，您实际上应该嵌套列表元素。

使用jQuery添加空图像标记

1 个答案: