使用jQuery Mobile data role=“popup”从大量编写脚本和样式的页面中
好的,我基本上有一个已经对移动友好的页面,但是它没有使用任何jQuery移动设备来完成这项工作。有一个专门针对移动设备的CSS样式表,可以很好地处理页面在移动浏览器中的外观。但是,希望在不影响任何其他元素的情况下向页面添加一些jquery移动功能。主要是,我想添加一个数据角色=弹出效果,只为移动设备添加了选择附加菜单项的功能,实际上会是子菜单项。在任何情况下,您都希望将此功能直接添加到当前的非jquerymobile页面中,特别是在标记中,以保持其大小适当。我所需要的只是一个按钮,上面写着部分,当点击时,它会执行与jquerymobile数据角色=弹出效果类似的效果 这可以通过jquery mobile实现吗?或者我必须在不使用jQuery mobile的情况下在jQuery中执行幻灯片效果吗 例如: HTML使用jQuery Mobile data role=“popup”从大量编写脚本和样式的页面中,jquery,jquery-mobile,popup,Jquery,Jquery Mobile,Popup,好的,我基本上有一个已经对移动友好的页面,但是它没有使用任何jQuery移动设备来完成这项工作。有一个专门针对移动设备的CSS样式表,可以很好地处理页面在移动浏览器中的外观。但是,希望在不影响任何其他元素的情况下向页面添加一些jquery移动功能。主要是,我想添加一个数据角色=弹出效果,只为移动设备添加了选择附加菜单项的功能,实际上会是子菜单项。在任何情况下,您都希望将此功能直接添加到当前的非jquerymobile页面中,特别是在标记中,以保持其大小适当。我所需要的只是一个按钮,上面写着部分,
所以,我认为这只能通过一个iframe元素来实现,但是如果它可以添加到div内部,并带有一个position:relative,它不会占据整个页面,那么当它滑出时,我需要弹出窗口占据整个页面。有什么想法吗?您可以使用一个自定义的JQM构建,包括这个小部件,但我想要的只是弹出功能和它附带的幻灯片。触摸按钮应提供从左侧滑入的弹出窗口。我需要哪些选择?我需要核心吗?只有一个问题:通过该url定制构建根本不起作用。面板不工作,我在头部链接了CSS文件和.js文件。它不起作用!实际上,刚刚意识到,我想要的是面板选项,而不是弹出窗口。我试过面板功能,但不起作用,给了我未定义的变量定义自定义构建不起作用?
<body>
<div class="content">
<div class="header">
<div id="header_image"> </div>
</div>
<nav id="main_menu" class="nav center">
<div class="floatright star_menu_right">★</div><div class="floatleft star_menu_left">★</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>