Добавить пустой тег изображения с помощью jQuery

0

У меня есть меню с подменю, и есть изображение + и _ для приближения и закрытия подменю. Проблема в том, что меню, которое не имеет подстроки, отличается от другого, и для исправления, которое должно добавить изображение в li, у которого нет изображения, закрыть и открыть, чтобы зафиксировать здесь выровненный снимок для того, что я имею в виду Изображение 174551

Изображение 174551

Это значение создает demoniacally с 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"
        }]
    }
});

});
  • 2
    Можете ли вы предоставить jsfiddle? jsfiddle.net
  • 0
    Английский не мой родной, поэтому не нужно высмеивать, если нужна дополнительная информация, спросите меня или посмотрите скриншот фото
Показать ещё 4 комментария

1 ответ

0

для исправления выравнивания я должен добавить изображение в li

Тебе, тебе не нужно. Используйте CSS для правильного их выравнивания. Кроме того, для вложенного меню списка вы должны фактически вставлять элементы списка.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню