0

好的，我基本上有一个已经对移动设备友好的页面，但它不使用任何 jQuery 移动设备来完成此操作。有一个专门用于移动设备的 CSS 样式表，可以很好地处理页面在移动浏览器中的外观。但是，想要在页面中添加一些 jquery 移动功能而不影响任何其他元素。主要是我想添加一个data-role="popup"效果，只为移动设备添加选择附加菜单项的能力（实际上是子菜单项）。在任何情况下都希望将此功能直接添加到当前的非 jquerymobile 页面中，<div>特别是在标签内，以保持其大小正确。我想要的只是一个按钮，Sections当单击时会执行与 jquerymobile 效果类似的data-role="popup"效果。

这可以用jquery mobile完成吗？或者我是否必须在不使用 jquery-mobile 的情况下在 jQuery 中执行幻灯片效果？

因此，例如：

HTML

<body>
<div class="content">
    <div class="header">
        <div id="header_image">&nbsp;</div>
    </div>
    <nav id="main_menu" class="nav center">
        <div class="floatright star_menu_right">&#9733;</div><div class="floatleft star_menu_left">&#9733;</div>
        <ul class="menu">
            <li><a accesskey="1" href="index.html">Home</a></li>
            <li class="current"><a accesskey="2" href="highlights.html">Highlights</a></li>
            <li><a accesskey="3" href="agenda.html">Agenda</a></li>
            <li><a accesskey="4" href="tracks.html">Tracks</a></li>
            <li><a accesskey="5" href="sponsors.html">Sponsors / Exhibits</a></li>
            <li><a accesskey="6" href="travel.html">Travel</a></li>
            <li><a accesskey="7" href="register.html">Register</a></li>
        </ul>
    </nav>
    <div class="body">
        <!-- I would like to place the button to open up the jquery mobile popup in here -->
    </div>
</div>
</body>

所以，我认为这只能通过 iframe 元素来完成，但如果可以将它添加到 div 内并带有 position: relative 并且它不会占用整个页面，那么我需要弹出以在滑出时占据整个页面。有任何想法吗？

4

0 回答 0