创建一个navtab有以下两种方式:
data-toggle="navtab"
后,单击触发。打开navtabDOM示例2:
DOM示例3(参数集合):
其他示例[回调函数]:
<script type="text/javascript"> function doc_navtab_beforeClose($navtab) { var code = $navtab.find('#doc-mytab-code').val() if (code) return true $navtab.alertmsg('error', '关闭navtab前请先填入你的工号。') return false } function doc_navtab_onClose() { $(this).alertmsg('info', '你刚刚关闭了一个navtab。') } </script> <button type="button" class="btn-green" data-toggle="navtab" data-id="mynavtab" data-reload-warn="已打开业务页面,确认将重新载入?" data-url="doc/navtab/mytab.html?d=3" data-title="navtab回调函数示例" data-before-close="doc_navtab_beforeClose" data-on-close="doc_navtab_onClose">打开navtab</button>
本例完整代码:
<script type="text/javascript"> function openMytab(obj) { $(obj).navtab({id:'mynavtab', url:'doc/navtab/mytab.html', title:'我的业务页面'}); } </script>
jQuery API代码:
$(selector).navtab(options)
- 取得当前navtab的内容容器:
$.CurrentNavtab
- 创建已存在相同ID的navtab时,如果url一致(未设置
fresh
参数时),默认会直接切换到该navtab,否则覆盖已存在的navtab,可以增加reloadWarn
参数以获得警告提醒