HTML管理大型下拉菜单

时间:2012-05-16 23:39:37

标签: jquery html css

我在页面上有10个下拉菜单,每个下拉菜单有大约30个项目。

这会占用大量的代码,甚至可以阻止少量的页面加载时间。

一个。有没有办法简化包含这些下拉菜单的代码量?

B中。有没有办法提高这个页面的性能?

3 个答案:

答案 0 :(得分:1)

您可以查看这个很酷的插件下拉菜单,它可以帮助您更好地构建代码, http://twitter.github.com/bootstrap/javascript.html#dropdowns

如果你真的有一个巨大的菜单,你可以考虑将你的菜单项变成一个javascript数组或对象,使用javascript函数来呈现菜单而不是纯HTML代码来保存页面大小。

答案 1 :(得分:0)

您是否尝试将选择字段与由ajax调用提供的自动完成输入字段进行交换?

这种方法有一些优点:

  1. 更少的HTML代码

  2. 加快页面加载

  3. 用户友好

答案 2 :(得分:0)

如果每个下拉菜单都有某种类型的数据,那么让我们说动物或树e.t.c你可以创建一个数据库并动态地将它们拉入下拉菜单。它会比尝试手动加载它们更快一些。 使用这种方法会大大简化这个过程,并且如果你喜欢我可以写一些基本的代码来帮助你入门,那么它也会更加动态地添加新选项吗?