javascript - 使用 jQuery 添加空图像标签

Question

我有一个带有子菜单的菜单，关于和关闭子菜单有一个 + 和 _ 图像。 没有子对齐的菜单与其他菜单不同的问题，要解决这个问题，必须将图像添加到没有图像的 li 关闭并打开以修复对齐，这里是我的意思的屏幕截图

这意味着在代码中用 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

to fix the align I must add image to the li

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