Question

我是JQuery的新手，我发现我可以将JQuery用于移动网络浏览器开发。我正在为浏览器做一个简单的弹出页面。我浏览了一些文档并得到了答案，我可以使用data-rel =“dialog”作为模式窗口，如页面。但我希望模态窗口作为我的开头页面。（第1页）这是我的代码。请帮我。我是这个人的新手。谢谢。

 <body>
<!-- This is the first page -->
<section id="firstpage" data-rel="dialog" data-role="page">
    <header data-role="header">
        <h1>Page Content Header</h1>
    </header>
    <div data-role="content">
    <p>This is page 1</p>
    <p><a href="#secondpage" data-rel="dialog">Display Dialog</a></p>
    </div>

</section>

<!-- This page will be displayed as a dialog -->
<div id="secondpage" data-rel="dialog" data-role="page">

     <div data-role="content">
            <div>
                <h1 class="text-align-center">
                    <b>
                        Apple
                    </b>
                </h1>
            </div>


            <a data-role="button" data-transition="none" data-theme="b" href="http://m.apple.com">
                Go
            </a>
        </div>

</div>

Answer 1

将数据角色更改为对话框。然后你可以摆脱data-rel属性。即。

<section id="firstpage" data-role="dialog">
    <header data-role="header">
        <h1>Page Content Header</h1>
    </header>
    <div data-role="content">
        <p>This is page 1</p>
        <p><a href="#secondpage" data-rel="dialog">Display Dialog</a></p>
    </div>

</section>

JQuery需要在第一页或打开页面中调用data-rel =“dialog”

1 个答案: