如何使用Javascript为移动设备开发动态嵌套列表？
我正在使用jQuery mobile和spring MVC开发一个移动应用程序。在应用程序中，我使用嵌套列表，但这些嵌套列表在Symbian（Nokia-E71，…）mobile中不起作用，因为jQuery不支持这些手机 如何在不使用jQuery的情况下开发嵌套列表？我尝试使用html标记，但总嵌套列表显示在主页中。我想要下面这样的嵌套列表如何使用Javascript为移动设备开发动态嵌套列表？,javascript,html,jsp,dom-events,Javascript,Html,Jsp,Dom Events,我正在使用jQuery mobile和spring MVC开发一个移动应用程序。在应用程序中，我使用嵌套列表，但这些嵌套列表在Symbian（Nokia-E71，…）mobile中不起作用，因为jQuery不支持这些手机 如何在不使用jQuery的情况下开发嵌套列表？我尝试使用html标记，但总嵌套列表显示在主页中。我想要下面这样的嵌套列表 每当单击菜单时，主菜单将消失，并显示特定菜单的子菜单 如果菜单没有子菜单，它将显示一个表单 它将支持多达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);
函数init（）{
var myStyleTweaks=newstyletweaker（）；
添加（“AppleWebKit/420+”，“resources/static/tweaks/S40webkit.css”）；
添加（“Maemo”，“resources/static/tweaks/Maemo.css”）；
myStyleTweaks.tweak（）；hideDiv（）；toggle_secondlevel（）；
}
addEvent（“加载”，初始）；
<!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>
菜单测试
功能切换（元素）
{
如果（element.style.display！=“无”）{
element.style.display=“无”
}否则{
element.style.display=“块”
}
}
-
-