数码资讯
利用jQuery和自举实现多层自适应窗口
本文采用多层模式窗口，具有自适应性。 单击页面上的按钮弹出第一层自适应模式窗口。 第一级窗口中包含一个按钮。单击按钮弹出第二个模态窗口，第二个模态窗口将阻塞第一个模态窗口，也就是说，当第二个模态窗口打开时，第一个模态窗口不能关闭。 特定的页面实现部分如下所示： 复制代码代码如下所示： 模态开放， m
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
本文采用多层模式窗口，具有自适应性。
单击页面上的按钮弹出第一层自适应模式窗口。
第一级窗口中包含一个按钮。单击按钮弹出第二个模态窗口，第二个模态窗口将阻塞第一个模态窗口，也就是说，当第二个模态窗口打开时，第一个模态窗口不能关闭。
特定的页面实现部分如下所示：
复制代码代码如下所示：
模态开放，
modal-open.navbar-fixed-top，
modal-open.navbar-fixed-bottom {。
保证金权利：0；
}
{。模态
底部：汽车；
填充：0；
背景颜色：# ffffff；
边境：1px solid # 999999；
border: 1px solid RGBA（0, 0, 0，0.2）；
边界半径：6px；
Webkit框阴影：0 3px 9px RGBA（0, 0, 0，0.5）；
盒子的影子：0 3px 9px RGBA（0, 0, 0，0.5）；
背景剪辑：填充框；
overflow-y：汽车；
}
{。modal.container
马克斯宽度：无；
}
{ # firstmodal
宽度：98%；
身高：98%；
}
{ # secondmodal
宽度：99%；
身高：99%；
}
$（函数（）{（））
$（# M1），（单击
$（# firstmodal）。Modal（）；
}）；
$（#平方米），（单击
$（# secondmodal）。Modal（）；
}）；
}）；
打开第一层模式窗口
*
第一层模态窗口
打开模式窗口的第二层
第一层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体和内容主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
第一层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体和内容主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
第一层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体和内容主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
关闭
*
第二层模态窗口
第二层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体内容。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
关闭
以上就是jQuery和自举的全部内容，实现多层和自适应模式窗口。它很好，很实用，可以直接用于项目中。
单击页面上的按钮弹出第一层自适应模式窗口。
第一级窗口中包含一个按钮。单击按钮弹出第二个模态窗口，第二个模态窗口将阻塞第一个模态窗口，也就是说，当第二个模态窗口打开时，第一个模态窗口不能关闭。
特定的页面实现部分如下所示：
复制代码代码如下所示：
模态开放，
modal-open.navbar-fixed-top，
modal-open.navbar-fixed-bottom {。
保证金权利：0；
}
{。模态
底部：汽车；
填充：0；
背景颜色：# ffffff；
边境：1px solid # 999999；
border: 1px solid RGBA（0, 0, 0，0.2）；
边界半径：6px；
Webkit框阴影：0 3px 9px RGBA（0, 0, 0，0.5）；
盒子的影子：0 3px 9px RGBA（0, 0, 0，0.5）；
背景剪辑：填充框；
overflow-y：汽车；
}
{。modal.container
马克斯宽度：无；
}
{ # firstmodal
宽度：98%；
身高：98%；
}
{ # secondmodal
宽度：99%；
身高：99%；
}
$（函数（）{（））
$（# M1），（单击
$（# firstmodal）。Modal（）；
}）；
$（#平方米），（单击
$（# secondmodal）。Modal（）；
}）；
}）；
打开第一层模式窗口
*
第一层模态窗口
打开模式窗口的第二层
第一层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体和内容主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
第一层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体和内容主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
第一层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体和内容主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
关闭
*
第二层模态窗口
第二层次是主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体、内容主体内容。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
主要内容、内容、主体、内容、主体、内容、内容、内容、主体、内容和主体。
关闭
以上就是jQuery和自举的全部内容，实现多层和自适应模式窗口。它很好，很实用，可以直接用于项目中。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。