web-dev-qa-db-ja.com

Jquery UIの投稿タブを無効にする

やあ、私は Jquery UIタブ と WordPress Post Tabsプラグイン を使っています - ）そしてそれは魅力のように働きます。しかし、データがないタブを自動的に無効にするか非表示にしたいのですが。私はJqueryとかなりの仕事をしてきましたが、私はこの混乱に没頭しています。任意の助けがいただければ幸いです。ありがとうございます。

Jqueryタブ公式サイトからの情報

無効なオプションを指定してタブを初期化します。

$( ".selector" ).tabs({ disabled: true });

Initの後にdisabledオプションを取得または設定します。

var disabled = $( ".selector" ).tabs( "option", "disabled" );
//setter
$( ".selector" ).tabs( "option", "disabled", true );

Wordpress-post-tabs.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>
postsjquerytabs
1
Zach Shallbetter

****以前のコメントの編集履歴を見る***

私はこれを行うためのプラグインを書くつもりだと決心しました、私が確信して書かれたと確信しているプラ​​グインについて議論しました、しかし私の個人的意見のコードは本質的に私がすることです。

目的は基本的にWordPress Post Tabsプラグインの機能をエミュレートすることです。

注：
このプラグインは jQuery cookie を含んでいます。これはMITとGPLライセンスの下で二重ライセンスされており、そのようなことを知る必要があるあなたのためのものです。

特徴

プラグインは以下の機能を備えています。

  • スマートCSSとスクリプトの読み込み

    - ループ内にショートコード付きの投稿がある場合にのみCSSとJSをロードします

  • スキン選択

    - jQuery UIスタイルのリストから選択する

  • スキンロードを無効にする

    - 必要に応じてスタイルシートの読み込みをオフにして、自分で定義します

  • 無効なタブ

    - まだコンテンツがないタブをクリックしないようにしました。

  • jQueryクッキー

    - jQuery Cookieスクリプトが選択されたタブを追跡できるようにします

  • タブナビゲーション

    - クリック可能なリンクを表示してタブ間を移動する

  • アーカイブページへの読み込み

    - アーカイブページにタブを表示するかどうかを選択します

  • 翻訳準備完了

    - 他の言語をサポートします

  • ライブスタイルのプレビュー

    - プラグイン設定ページでタブスタイルのライブプレビューを見る

  • ナビゲーションリンク用のフックをフィルタする

    - ナビゲーションアイコンを変更することができます

  • 設定APIを利用する

スクリーンショット

表側

 

管理者側

 

もう少しテストするビットがありますが、それはもう準備ができているので、このスペースを見てください！.. :)

更新：
いくつかの問題を解決する必要があります 最初にプラグインリポジトリを使用することに関して、それから私達は行ってもいいでしょう..

ポストUIタブ（または略してPUT）
http://wordpress.org/extend/plugins/put/

3
t31os