Disable Jquery UI post tabs

时间:2011-03-30 作者:Zach Shallbetter

嘿,大家好,我在用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>

1 个回复
最合适的回答,由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/

结束

相关推荐

过滤NEXT_POSTS_LINK和PREVICE_POSTS_LINK的URL

我正在与qTranslate plugin 创建多语言网站。除了在next_posts_link &;previous_posts_link 模板标记。当用户选择了其他语言时,URL应更改为:http://mysite.com/test/page/2 (对于默认语言)到http://mysite.com/fr/test/page/2 (法语)该插件提供了使用qtrans_convertURL($url) 作用我遇到的问题是找到一个合适的钩子或过滤器,允许我通过next\\u posts\\u lin