当前位置:首页>正文
如何用jQuery做选项卡界面 如何基于jquery实现最简单的选项卡切换效果
2023-05-31 05:35:57 互联网 未知
如何用jQuery做选项卡界面
幸运的是, jQueryUI 使它们很容易实现。 下面是如何让它们迅速启动并正常运行。 HTML的基本结构如下:
Tab 1Tab 2Tab 1 content here... Tab 2 content here... 通过单一ID的div指定这些锚变成标签,标签的列表将会在网页选项卡显示。当用户单击链接时,它将选择该选项卡。 只有短短的一行jQuery代码可以把这个HTML转换为选项卡式界面: $(function() { $( "#tab_wrapper" ).tabs() })多简洁的代码! 我们甚至可以实现更进一步的功能。 该文档展示了较全功能 ,但我认为最有用的还是从外部来源加载数据。 通过使用的锚点到另一个页面的ID,而不是屏幕上一个项目,点击选项卡时它会自动加载资源,内容将通过AJAX加载。
如何基于jquery实现最简单的选项卡切换效果