0

jQuery モバイルと spring MVC を使用してモバイル アプリケーションを開発しています。アプリケーションではネストされたリストを使用していますが、これらのネストされたリストは Symbian (Nokia-E71 など) モバイルでは機能しません。これらのモバイルは jQuery をサポートしていないためです。

jQueryを使わずにネストされたリストを開発する方法は? htmlタグを使ってみたのですが、ホームページに入れ子になったリストが全部表示されてしまいます。次のようなネストされたリストが欲しい.....

  1. メニューをクリックすると、メイン メニューが消え、特定のメニューのサブメニューが表示されます。

  2. メニューにサブメニューがない場合は、フォームが表示されます。

  3. 最大 5 レベルのメニューとサブメニューをサポートします。

私は次のことを試しました：

<script type="text/javascript">
function init() {
    var myStyleTweaks = new StyleTweaker();
    myStyleTweaks.add("AppleWebKit/420+", "resources/static/tweaks/S40webkit.css");
    myStyleTweaks.add("Maemo", "resources/static/tweaks/maemo.css");
    myStyleTweaks.tweak(); hideDiv(); toggle_secondlevel();
}
addEvent("onload",init);

複数のdivを使用してみましたが、メニューには表示する相互の関係が含まれています。アイデアを教えてください...

助けてください。

4

1 に答える 1

0

これが始まりです：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Menu Test</title>
      <script type="text/javascript">
         function toggle(element)
         {
            if (element.style.display != "none") {
               element.style.display = "none"
            } else {
               element.style.display = "block"
            }
         }
      </script>
   </head>
   <body>
      <ul>
         <li>
            <a href="#" onclick="toggle(document.getElementById('menu1')); return false">Menu 1</a>
            <ul id="menu1" style="display: none">
               <li><a href="#">Item 1</a></li>
               <li><a href="#">Item 2</a></li>
            </ul>
         </li>
         <li>
            <a href="#" onclick="toggle(document.getElementById('menu2')); return false">Menu 2</a>
            <ul id="menu2" style="display: none">
               <li><a href="#">Item 1</a></li>
               <li><a href="#">Item 2</a></li>
            </ul>
         </li>
      </ul>
   </body>
</html>
于 2012-11-14T09:00:00.957 に答える