0

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

这会占用大量代码行,甚至会稍微减少页面加载时间。

A. 有没有办法简化包含这些下拉菜单的代码量?

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

4

3 回答 3

1

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

如果你真的有一个巨大的菜单,你可以考虑把你的菜单项变成一个 javascript Array 或 Object,使用 javascript 函数来呈现菜单而不是纯 HTML 代码来节省页面大小。

于 2012-05-16T23:52:34.107 回答
0

如果每个下拉菜单都有某种类型的数据,比如说动物或树木等,您可以创建一个数据库并将它们动态拉入下拉菜单。这比尝试一次手动加载它们要快一些。如果您喜欢我可以为您编写一些基本代码以帮助您入门,使用此方法将大大简化该过程并使其更加动态地添加新选项?

于 2012-05-16T23:52:01.017 回答
0

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

这种方法有一些优点:

  1. 更少的 HTML 代码

  2. 更快的页面加载

  3. 方便使用的

于 2012-05-16T23:44:56.493 回答