Модальная всплывающая крестовая кнопка сверху идет под строкой заголовка
Вот модальное всплывающее окно, которое открывает страницу 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').диалоговое окно ("закрыть");
}); Но я все еще в тупике, почему это не работает с закрытием строки заголовка