web-dev-qa-db-ja.com

Post UI Tabプラグインでデフォルトのアクティブタブを設定する方法はありますか？

Post UI Tabsプラグインを使い始めましたが、ページがロードされたときにアクティブになるタブを任意に設定できるようにしたいと思います。たとえば、ある例では、3週間のプロセスがあります。各週は独自のタブであり、リソース情報用の4番目のタブです。デフォルトで、週3のタブをアクティブにします。

ありがとう、トニー

pluginsjquerytabs
1
Tony

Post UIタブプラグインを使用する場合、デフォルトタブを設定するのは少し難しいですが、それほど難しくない場合は、独自のJavaScriptファイルを作成してテーマフォルダーに配置する必要があります。その中にcustom_script.jsを呼び出します。

jQuery(document).ready(function($){
   $("#tabs-1").tabs("select",  - 2);
});

これは、その投稿/ページに複数のタブセットがないことを前提としています。次に、このスニペットをテーマのfunctions.phpファイルに追加します。

add_action('wp_enqueue_scripts','my_tabs_script');
function my_tabs_script(){
    if (is_page('SLUG')){
        wp_register_script( 'my_tabs', get_bloginfo('template_directory') . '/custom_script.js',array('jquery','post-ui-tabs'), '1.0' ,true);
        wp_enqueue_script( 'my_tabs' );
    }
}

これは、SLUGのスラッグがあるページに新しく作成されたスクリプトをロードするだけで、is_page('SLUG')をis_single(''SLUG_OR_ID)に変更することで投稿に使用できます。

1
Bainternet