顶部的模态弹出交叉按钮位于标题栏下方 [英] Modal pop up cross button on top goes under the title bar

问题描述

以下是在对话框中打开aspx页面的模式弹出窗口

Here is the modal pop up that opens an aspx page in dialog

$("#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');

    });

我想删除标题栏并且我的右上角有一个接近的X按钮



这是我在ASPX页面中的标签控件，它在对话框中打开

I am trying to remove the title bar and have my close X buttom on top right corner

And that's my tab controls in an ASPX page which opens in dialog

<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上，但它位于标题栏下方。现在有两个bug挂在这里....

我希望标题栏消失，这样我的十字关闭按钮就可以正常显示了。

还点击十字按钮，它会抛出一个错误.tabs（）不是一个函数，它不会关闭对话框。而且我知道我在Jquery 1.6的旧版本，但如何使我的关闭按钮单击工作

What I have tried:

I tried to hide and remove, but none of those work and my cross button is under the title bar. I placed style on cross button z-index but it is under the title bar. Now two bugs are hanging here....
I want the title bar to go away so my cross close button is visible properly.
And also on clicking the Cross button, it throws me an error .tabs()is not a function and it doesn't close the dialog. And I know I am at old version of Jquery 1.6 but how do make my close button click work

推荐答案

（ ＃dialog_test1）。load（ 测试.aspx， function （）{

("#dialog_test1").load("Test.aspx", function () {

（ this ）。dialog（{
autoOpen： true ，
modal： true ，
可调整大小： false ，
draggable： false ，
width： 680 ，
open： function （）
{

(this).dialog({ autoOpen: true, modal: true, resizable: false, draggable:false, width: 680, open:function() {

（' ＃tabslist'）。tabs（{
create ： function （e，ui）{

('#tabslist').tabs({ create: function (e, ui) {

这篇关于顶部的模态弹出交叉按钮位于标题栏下方的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！