2012-11-12 30 views
0

我正在開發一個使用jquery mobile和spring mvc的移動應用程序。在應用程序中,我使用嵌套列表,但這些嵌套列表在Symbian(Nokia-E71,...)手機中不起作用,因爲這些手機不支持Jquery。如何爲使用JavaScript的移動開發動態嵌套列表?

如何在不使用jQuery的情況下開發嵌套列表?我嘗試使用html標籤,但總頁面顯示在主頁。我要像下面.....只要將顯示

  1. 菜單,主菜單會即消失和特定菜單的子菜單上單擊嵌套表。

  2. 如果菜單沒有子菜單,它將顯示一個表單。

  3. 它最多可支持5級菜單和子菜單。

請朋友們有所幫助........

感謝&問候

+0

我嘗試以下<腳本類型=「文本/ javascript「> \t \t \t函數init(){ \t \t \t \t var myStyleTweaks = new StyleTweaker(); \t \t \t \t myStyleTweaks.add(「AppleWebKit/420 +」,「resources/static/tweaks/S40webkit.css」); \t \t \t \t myStyleTweaks.add(「Maemo」,「resources/static/tweaks/maemo.css」); \t \t \t \t myStyleTweaks.tweak(); \t \t \t \t hideDiv(); \t \t \t \t toggle_secondlevel(); \t \t \t} \t \t \t addEvent(「onload」,init); – Narasimha

+0

和我試過使用多個div的,但我的菜單包含相互關係顯示,請給我任何想法.... – Narasimha

回答

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> 
+0

感謝您的回覆,但我的應用程序是移動應用程序。我有很多菜單和子菜單,然後顯示滾動條。所以我需要列表,比如當我點擊菜單時,所有的菜單都將被隱藏,並且該特定菜單的子菜單將被顯示。 – Narasimha