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

时间:2011-06-18 18:55:36

标签: javascript jquery tabs jquery-tabs

用户会有一个“计划”列表,我希望能够点击其中的任何一个(以div分隔),并从数据库中动态加载其信息。

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

感谢您的帮助,非常感谢!

3 个答案:

答案 0 :(得分:0)

我使用了jquery-jvert-tabs插件来实现非常相似的东西。每个选项卡都有动态加载的内容,整个div通过ajax调用,它可以很好地协同工作。

谈论哪个更漂亮,如果您确定与整体设计紧密相关,无论您选择哪个都无关紧要:)

答案 1 :(得分:0)

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

设计应该几乎总是关注可用性,似乎这种方法可以很好地实现这一目标。

如果你的计划清单;但是,它是动态的,或者可以随着时间的推移而增加,然后我会使用一个下拉列表填充列表和一个获取详细信息的按钮,或者连接onchange事件并获取数据。

问题有点模糊,所以如果您提供了更多信息,我们可以更好地为您提供帮助。

答案 2 :(得分:0)

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

http://flowplayer.org/tools/demos/tabs/ajax.html。你可以将.html改为你自己的php,asp,jsp什么页面和传递计划id和页面都可以返回HTML。

http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions

http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/

http://justintadlock.com/archives/2007/11/07/how-to-create-tabs-using-jquery