jQuery Mobile弹窗效果

最新推荐文章于 2022-07-21 16:37:02 发布

进击的鼻孔猫

最新推荐文章于 2022-07-21 16:37:02 发布

阅读量1.9k

点赞数

分类专栏： jQuery Mobile 文章标签： jQuery Mobile弹窗 popup

本文链接：https://blog.youkuaiyun.com/zhangxbj/article/details/45744307

版权

jQuery Mobile 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在jQuery Mobile中创建弹窗效果，并提出了关于自动增强类型按钮是否可以禁用的问题，提供了关键代码展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div data-role="header" data-theme="a" class="themeBackground">
            <a href="#windows" data-rel="popup" data-role="none"><img src="../static/icon/shaixuan.png" style="float:left;margin-top:5px;margin-left:4px;"></a>
            <h1 style="display: inline-block;">约吃广场</h1>
            <img src="../static/icon/fabu.png" style="float:right;margin-top:5px;margin-right:4px;">

            <div id="windows" data-role="popup" style="margin-left:54px;margin-top:145px">
                <ul style="list-style-type:none;padding:77px;margin:0px;">
                        <li style="height: 30px;"  >  
                            <a data-ajax="false"  οnclick="view1();" >
                                <span style="vertical-align:middle;" >只看未约</span>
                            </a>
                        </li>
                        <li style='height: 30px;'>   
                            <a data-ajax="false" οnclick="view2();">
                                <span style="vertical-align:middle;">只看已约</span>                            
                            </a>
                        </li> 
                        <li style="height:30px;">
                            <a data-ajax="false" id="appeal" style="text-decoration:none;">
                                <span style="vertical-align:middle;">取消</span>                           
                            </a>
                        </li>
                   </ul>
            </div>
        </div>

jQuery Mobile弹窗关键代码:

注意：！！