0

我有一个弹出窗口，看起来完全符合我的要求，但标题和按钮出现在所有页面上。如果我删除ui-title标题中的类，它将不再出现，但看起来不像我想要的那样。如果我删除ui-btn-inner和ui-btn类按钮将不再出现在所有页面中，但样式再次关闭。如何保持这种样式但没有按钮和标题出现在所有页面上？

这是弹出窗口：

<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all">
    <div data-role="header" data-theme="a" class="ui-corner-top ui-header ui-bar-a" role="banner">
        <h1 class="ui-title" role="heading" aria-level="1">Create Location Page?</h1>
    </div>
    <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content ui-body-d" role="main">
        <h3 class="ui-title">You are about to create a new Location?</h3>
        <p>This action cannot be undone.</p>
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c" data-corners="true" data-shadow="true" data-iconshadow="true"  class="ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-up-c">
            <span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-inner ui-btn-corner-all">Cancel</span></span>
        </a>    
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b" data-corners="true" data-shadow="true"  data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-up-b">
            <span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-inner ui-btn-corner-all">Create</span></span>
        </a>
    </div>
</div>

调用此命令后会触发弹出窗口：

    function PopupTest(){
        $('#popupDialog').popup();
        $('#popupDialog').popup("open");
    }
4

2 回答 2

1

弹出窗口小部件的文档中没有明确说明，但根据jQuery Mobile 1.2 版本的博客文章，目前弹出窗口小部件必须位于页面包装器中，但在未来的版本中，这应该不再是必需的.

这是相关的文字

弹出窗口必须位于页面包装器中（目前）

在 Alpha 版发布后，我们还听到了非常明确的反馈，即人们希望通过将弹出窗口放置在页面容器之外来跨页面重复使用它们。目前这行不通，因为许多小部件（列表视图、工具栏）是在假设它们存在于页面容器中以进行主题继承和增强工作的前提下构建的。除非这些小部件在未来版本中被重构为在页面之外工作，否则弹出窗口应该只添加在页面内。

于 2012-11-15T18:21:14.980 回答
0

通过在我希望它存在的页面的页面包装器中移动我的弹出窗口，弹出窗口只会出现在我想要的页面上。

于 2012-11-15T17:19:35.593 回答