わかりました、私は基本的に、すでにモバイルフレンドリーなページを持っていますが、これを達成するために jQuery モバイルをまったく使用していません。ページがモバイル ブラウザーでどのように表示されるかを適切に処理する、モバイル デバイス専用の CSS スタイルシートがあります。ただし、他の要素に影響を与えることなく、jquery モバイル機能をページに追加したいと考えています。data-role="popup"
主に、追加のメニュー項目 (実際にはサブメニュー項目になります) を選択する機能をモバイル デバイスに追加するためだけに、エフェクトを追加したいと考えています。<div>
いずれにせよ、適切なサイズを維持するために、この機能を現在の jquerymobile 以外のページに、具体的にはタグ内に直接追加したいと考えています。私が欲しいのは、クリックするとSections
jquerymobile効果と同様の効果を発揮するボタンだけdata-role="popup"
です。
これは jquery mobile で実行できますか? または、jquery-mobile を使用せずに jQuery でスライド効果を実行する必要がありますか?
たとえば、次のようになります。
HTML
<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>
したがって、これは iframe 要素を介してのみ実行できると考えていますが、div 内に position: relative で追加できればいいと思いますが、ページ全体を占有することはありませんが、スライドアウトしたときにページ全体を占めるようにポップアップします。何か案は?