jquery mobile的popup不弹出问题。

最新推荐文章于 2019-05-30 18:45:04 发布

developerCoder3x

最新推荐文章于 2019-05-30 18:45:04 发布

阅读量1.2k

点赞数

分类专栏： web mobile 文章标签： jquery mobile

本文链接：https://blog.csdn.net/developerCoder3x/article/details/50829527

版权

web mobile 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="lib/jquery.mobile-1.4.5.min.css">
<script src="lib/jquery-2.2.1.min.js"></script>
<script src="lib/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
    <div data-role="header"><h1>title</h1></div>
    <div data-role="main" class="ui-content">
        <h1>title of content</h1>
        <p> content </p>
        <a href="#Qwer"  data-rel="popup" class="ui-btn ui-btn-b ui-shadow ui-corner-all">Qwer</a>
        <div data-role="popup"  id="Qwer">
            <div data-role="header" >Qwer Keyboard</div>
            <div data-role="main" class="ui-content">
                <a class="ui-btn ui-btn-inline ui-mini">a</a>
                <a class="ui-btn ui-btn-inline ">s</a>
            </div>
        </div>
    </div>
    <div data-role="footer"><h1>footer</h1></div>
</body>

以上代码在chrome，firefox中popup都不会弹出。加上<data-history="false">后，即<div data-role="popup" data-history="false" id="Qwer">可以弹出。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="lib/jquery.mobile-1.4.5.min.css">
<script src="lib/jquery-2.2.1.min.js"></script>
<script src="lib/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
    <div data-role="header"><h1>title</h1></div>
    <div data-role="main" class="ui-content">
        <h1>title of content</h1>
        <p> content </p>
        <a href="#Qwer"  data-rel="popup" class="ui-btn ui-btn-b ui-shadow ui-corner-all">Qwer</a>
        <div data-role="popup" data-history="false" id="Qwer">
            <div data-role="header" >Qwer Keyboard</div>
            <div data-role="main" class="ui-content">
                <a class="ui-btn ui-btn-inline ui-mini">a</a>
                <a class="ui-btn ui-btn-inline ">s</a>
            </div>
        </div>
    </div>
    <div data-role="footer"><h1>footer</h1></div>
</body>

developerCoder3x

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery mobile的popup不弹出问题。

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="lib/jquery.mobile-1.4.5.min.css"><script src="lib
复制链接

扫一扫

专栏目录