0

我是 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，我发现母版页面界面可见，但页面界面不可见。可悲的是，我无法选择如何做到这一点。

有什么建议么？谢谢！

4

1 回答 1

0

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

<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>
于 2013-06-18T06:21:39.560 回答