sudevsu Ответов: 0

Модальная всплывающая крестовая кнопка сверху идет под строкой заголовка


Вот модальное всплывающее окно, которое открывает страницу aspx в диалоговом окне
$("#dialog_test1").load("Test.aspx", function () {
        
        $(this).dialog({
            autoOpen: true,
            modal: true,
            resizable: false,
            draggable:false,
            width: 680,
            open:function()
            {
                $('#tabslist').tabs({
                    create: function (e, ui) {
                        $('#closeBtn').click(function () {
                            $('#dialog_test1').dialog('close');
                        });
                    }
                });
              
            }
        
           
                 });
        $(this).siblings('.ui-dialog-titlebar').remove();
        $(this).css('height', 'auto');

    });



Я пытаюсь удалить строку заголовка и иметь свою кнопку close X в правом верхнем углу

И это мои элементы управления вкладками на странице ASPX, которая открывается в диалоговом окне


<div id="tabslist">
        <ul class="tabs-menu" style="list-style-type: none;" >
            <li class="active" style="list-style:none;outline:none; " ><a class="anchor" id="TabInfo" href="#TabInfo" style="text-decoration: none;" >Information</a></li>
            <li style="list-style:none;outline:none; "><a class="anchor" id="Tab1" href="#Tab" style="text-decoration: none;">Tabdetails</a></li>
             <li class="tabs-close-button"><button id="closeBtn">X</button></li>
          
            
        </ul>
    </div>


Что я уже пробовал:

Я пытался скрыть и удалить, но ни один из них не работает, и моя крестовая кнопка находится под строкой заголовка. Я поместил стиль на Крестовую кнопку z-index, но она находится под строкой заголовка. Теперь здесь висят два жука....
Я хочу, чтобы строка заголовка исчезла, чтобы моя крестовая кнопка закрытия была видна правильно.
А также при нажатии на Крестовую кнопку он выдает мне ошибку. tabs () не является функцией и не закрывает диалоговое окно. И я знаю, что нахожусь в старой версии Jquery 1.6, но как сделать так, чтобы мой щелчок кнопки закрытия работал

sudevsu

Я заставил его работать, добавив это в качестве отдельного скрипта jquery. $('#closeBtn'). click (функция () {
$('#dialog_test1').диалоговое окно ("закрыть");
}); Но я все еще в тупике, почему это не работает с закрытием строки заголовка

0 Ответов