嘿,大家好,我在用Jquery UI tabs 使用WordPress Post Tabs plugin 它就像一个符咒。但是,我想自动禁用或隐藏没有任何数据的选项卡。我曾多次使用Jquery,但我迷失在这一混乱中。任何帮助都将不胜感激。谢谢
Jquery Tabs Information from the official site
使用指定的禁用选项初始化选项卡。
$( ".selector" ).tabs({ disabled: true });
在初始化之后获取或设置禁用选项。
var disabled = $( ".selector" ).tabs( "option", "disabled" );
//setter
$( ".selector" ).tabs( "option", "disabled", true );
在wordpress帖子选项卡中找到。php第105行
<script type="text/javascript">
jQuery(function() {
<?php
if($wpts_count and $wpts_count!=0){
for($i=0;$i<$wpts_count;$i++) { ?>
jQuery("#tabs_<?php echo $i;?>").tabs({ cookie: { expires: 30 } });
//getter
var cookie = jQuery("#tabs_<?php echo $i;?>").tabs( "option", "cookie" );
//setter
jQuery("#tabs_<?php echo $i;?>").tabs( "option", "cookie", { expires: 30 } );
<?php if(isset($wpts[\'fade\']) and $wpts[\'fade\']==\'1\'){ ?>
//fx for animation
jQuery("#tabs_<?php echo $i;?>").tabs({ fx: { opacity: \'toggle\' } });
//getter
var fx = jQuery("#tabs_<?php echo $i;?>").tabs( "option", "fx" );
//setter
jQuery("#tabs_<?php echo $i;?>").tabs( "option", "fx", { opacity: \'toggle\' } );
<?php }}} ?>
});
<?php if($wpts[\'reload\']==\'1\') { ?>
function wptReload(ar)
{
location.href=location.href.split(/\\?|#/)[0] + \'#\' + ar;
location.reload(true);
return false;
}
<?php } ?>
</script>
最合适的回答,由SO网友:t31os 整理而成
****有关以前的注释,请参见编辑历史记录***
我决定写一个插件来实现这一点,我确信所讨论的插件是出于最好的目的编写的,但我个人认为代码需要完全重写,这基本上就是我要做的。
其目的主要是模拟WordPress Post Tabs插件的功能。
NOTE:
此插件包括jQuery cookie, 这是麻省理工学院和GPL许可证下的双重许可证,对于你们这些需要了解这些事情的人来说,这只是一个提醒。
功能插件将具有以下功能。
- Smart CSS and Script loading
-只有当循环中有带有短代码的帖子时,才会加载CSS和JS
Skin selection
- 从jQuery UI样式列表中选择Disable skin loading
- 可以选择关闭样式表加载,只需定义自己的样式表即可Disabled tabs
- 禁用单击尚未包含任何内容的选项卡jQuery cookie
- 启用jQuery cookie脚本以跟踪所选选项卡Tab navigation
- 显示可单击的链接以在选项卡之间导航Loading on archive pages
- 选择是否在存档页上显示选项卡Translation ready
- 支持其他语言Live style preview
- 在插件设置页面中查看选项卡样式的实时预览Filter hooks for navigation links
- 以便更改导航图标Utilises the settings API
屏幕截图
正面
管理端
还有一些位要测试,但它几乎准备好了,请观看此空间!:)
Update:<只需要some things worked out 关于首先使用插件库,那么我们应该准备好了删除>
Post UI Tabs (or PUT for short)
http://wordpress.org/extend/plugins/put/