使用jQuery Mobile data role=“popup”从大量编写脚本和样式的页面中

使用jQuery Mobile data role=“popup”从大量编写脚本和样式的页面中,jquery,jquery-mobile,popup,Jquery,Jquery Mobile,Popup,好的,我基本上有一个已经对移动友好的页面,但是它没有使用任何jQuery移动设备来完成这项工作。有一个专门针对移动设备的CSS样式表,可以很好地处理页面在移动浏览器中的外观。但是,希望在不影响任何其他元素的情况下向页面添加一些jquery移动功能。主要是,我想添加一个数据角色=弹出效果,只为移动设备添加了选择附加菜单项的功能,实际上会是子菜单项。在任何情况下,您都希望将此功能直接添加到当前的非jquerymobile页面中,特别是在标记中,以保持其大小适当。我所需要的只是一个按钮,上面写着部分,

好的,我基本上有一个已经对移动友好的页面,但是它没有使用任何jQuery移动设备来完成这项工作。有一个专门针对移动设备的CSS样式表,可以很好地处理页面在移动浏览器中的外观。但是,希望在不影响任何其他元素的情况下向页面添加一些jquery移动功能。主要是,我想添加一个数据角色=弹出效果,只为移动设备添加了选择附加菜单项的功能,实际上会是子菜单项。在任何情况下,您都希望将此功能直接添加到当前的非jquerymobile页面中,特别是在标记中,以保持其大小适当。我所需要的只是一个按钮,上面写着部分,当点击时,它会执行与jquerymobile数据角色=弹出效果类似的效果

这可以通过jquery mobile实现吗?或者我必须在不使用jQuery mobile的情况下在jQuery中执行幻灯片效果吗

例如:

HTML


所以,我认为这只能通过一个iframe元素来实现,但是如果它可以添加到div内部,并带有一个position:relative,它不会占据整个页面,那么当它滑出时,我需要弹出窗口占据整个页面。有什么想法吗?

您可以使用一个自定义的JQM构建,包括这个小部件,但我想要的只是弹出功能和它附带的幻灯片。触摸按钮应提供从左侧滑入的弹出窗口。我需要哪些选择?我需要核心吗?只有一个问题:通过该url定制构建根本不起作用。面板不工作,我在头部链接了CSS文件和.js文件。它不起作用!实际上,刚刚意识到,我想要的是面板选项,而不是弹出窗口。我试过面板功能,但不起作用,给了我未定义的变量定义自定义构建不起作用?
<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>