Tabs:懒加载页面
参考示例:
Tabs:懒加载页面
创建Tabs
<ul id="tree1" class="mini-tree" url="../data/tree.txt" style="width:300px;padding:5px;"
showTreeIcon="true" textField="text" idField="id" >
</ul>
数据结构
通过url返回的数据结构如下:
[
{title: "Tab1", url: "../tabs/pages/page1.html", refreshOnClick: true},
{title: "Tab2", url: "../tabs/pages/page2.html", showCloseButton: true},
{title: "Tab3", url: "../tabs/pages/page3.html"},
{title: "Tab4", url: "../tabs/pages/page4.html"},
{title: "Tab5", url: "../tabs/pages/page5.html"}
]
分享到:
相关推荐
jquery实现的tab选项卡。非常简单。
jquery-bootstrap-scrolling-tabs jQuery插件,用于使Bootstrap 3选项卡水平滚动而不是环绕滚动。... 在BootstrapCSS之后,在页面上添加dist/jquery.scrolling-tabs.min.css (或dist/jquery.scrolling-tabs.
jquerytabs jquery选项卡 jquery tabs
jQuery Tabs插件 PWS Tabs 演示地址:http://www.jq22.com/plugin/1752
tabs:Tab Panel(Tab页)新增“collapsible”属性,用于设置是否允许摺叠面板; tabs:新增“showHeader”属性、“showHeader”方法和“hideHeader”方法; combobox:允许“disabled”属性禁用下拉列表选项; ...
easy ui.左边的导航,上面的tabs.页面的布局。实现点击导航动态添加tabs,tabs实现右击关闭,关闭其他,关闭左边所有,关闭右边所有。下载下来可以直接看效果
用js实现的多页面切换功能,应用到ajax,动态加载所需要的页面及所传递参数,有滚动条,很好的东西哦 因为用到ajax,需要在server下才能看到正常加载状态
jQuery tabs 纵向显示,jQuery tabs vertical,jQuery tabs
使用上也非常简单,在页面中载入 jquery.ui.tabs.paging.css 和 jquery.ui.tabs.paging.js 文件,在创建 tabs 对象后再执行代码激活一下插件 $tabs.tabs('paging'); 就可以了。 压缩包内带有 demo 。
jQuery固定导航随页面滚动颜色渐变
jquery的UI的选项卡tabs插件jquery.ui.tabs.js
Jquery改装的tabs页面,鼠标移动上去切换,可以点击链接和jquery的UI是不同的
基于jquery tabs切换源码,demo实现了不同的切换方式,代码精简值得参考
jQuery响应快速易于使用的Tabs选项卡特效源码是一款响应快速且易于使用的jQuery Tabs选项卡插件pignose.tab.js的代码。该选项卡插件支持多种样式的选项卡:普通选项卡,带子选项的选项卡,扁平风格的选项卡,响应式...
jQuery UI Tabs Paging 是一个用来对太多的 Tab 进行分页显示的 jQuery 插件。 默认的 tabs 插件一旦 tab 过多就会换行,影响页面布局。jquery.ui.tabs.paging 的作用就在于不让其换行,在两头增加左右滑动的图片...
jquery 的 Tabs 插件,很不错,值得下载哈!
可动态添加tabs可实现jquery换肤
不满意原来Jquery实现的tabs效果,使用Jquery-tabs实现的tabs。
类似easyui的tabs实现页面切换,之前使用iframe,vue里面ie的兼容不是特别友好所以改为route-view
jQuery代码只有几行,非常易懂,效果很好。