javascript - 在使用 jQuery 选项卡做出设计决策时需要帮助

Question

将有一个用户拥有的“计划”列表，我希望能够单击其中的任何一个（由 div 分隔）并从数据库中动态加载其信息。

我的问题是我应该使用 jQuery 选项卡界面并以这种方式加载内容，还是应该使用触发 ajax 调用的按钮？有没有我没有想到的更简单/更漂亮的方法来做到这一点？

感谢您的帮助，非常感谢！

score 0 · Accepted Answer

我将 jquery-jvert-tabs 插件用于非常相似的东西。每个选项卡都有动态加载的内容，整个 div 都是通过 ajax 调用的，它们一起工作得很好。

谈论哪个更漂亮，只要确保与您的整体设计有凝聚力，无论您选择哪个都没有关系:)

score 0 · Accepted Answer

我会使用标签 - 如果计划名称可以是标签名称，则不需要单独的按钮。

设计几乎应该始终关注可用性，而且这种方法似乎可以很好地实现这一目标。

如果您的计划清单；但是，它是动态的，或者可能会随着时间的推移而增长，那么我会使用一个填充列表的下拉列表和一个获取详细信息的按钮，或者连接 onchange 事件并获取数据。

这个问题有点模糊，所以如果您提供更多信息，我们可以在这里更好地帮助您。

score 0 · Accepted Answer

网上有很多现有的解决方案。你也可以自己动手。下面是一些示例，其中有许多带有 AJAX 内容加载的示例。您可以根据需要使用现有的或更改。

http://flowplayer.org/tools/demos/tabs/ajax.html。您可以将 .html 更改为您自己的 php、asp、jsp 任何页面，并通过计划 ID 和页面可以返回 HTML。

3 回答 3