Question

我是JQM的新手，目前正在探索它。

我想创建一个母版页，但我不确定如何使用JQM来完成它。

这就是我尝试过的 - 代码来自我的母版页：

<div data-role="page" id="headerID">
        <div data-role="header">
            <h1>
                Language</h1>
        </div>
        <div data-role="content">
            <select id="ddlLanguage" runat="server" data-theme="e" data-native-menu="false">
                <option value="1">English </option>
                <option value="2">Bulgarian </option>
                <option value="3">Spanish </option>
                <option value="4">Norwegian </option>
            </select>
        </div>
    </div>
    <div data-role="page" id="contentID">
        <div data-role="header">
            <h1>
            </h1>
        </div>
        <div data-role="content">
            <asp:ContentPlaceHolder ID="cpmain" runat="server">
            </asp:ContentPlaceHolder>
        </div>
    </div>

我想象实际的母版页html应该在一个<div data-role="content">和

之内

<asp:ContentPlaceHolder ID="cpmain" runat="server">
                </asp:ContentPlaceHolder>

在另一个<div data-role="content">内但是我这个版本在运行我的项目时我只能看到我的页面中的用户界面，而不是主页面中的用户界面。我试图移动这些HTML并获得一个主页的界面可见的情况，但不是页面的界面。可悲的是，我无法理解如何做到这一点。

有什么建议吗？谢谢！

Answer 1

好的，这就是我所做的。在data-role="header"部分的母版页中，我插入了实际的母版页面界面 - 比如下拉列表。比data-role="content"我插入ContentPlaceHolder，现在我有预期的行为 - ＆gt;下拉列表作为每个页面的标题。

<div data-role="page" id="contentID">
        <div data-role="header">
            <select id="ddlLanguage" runat="server" data-theme="e" data-native-menu="false">
                <option value="1">English </option>
                <option value="2">Bulgarian </option>
                <option value="3">Spanish </option>
                <option value="4">Norwegian </option>
            </select>
        </div>
        <div data-role="content">
            <asp:ContentPlaceHolder ID="cpmain" runat="server">
            </asp:ContentPlaceHolder>
        </div>
</div>

使用JQuery Mobile的主页面

1 个答案: