0

我正在使用 jQuery mobile 和 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 回答