0

スタック。

私たちは次のサイトに取り組んでいます：http：//rodneycrowell.wpengine.com

かなり多くのウィジェットを備えた単一ページのスクローラーです。ホームページの最初のウィジェットは、jQueryUIタブで設定されます。次のように、functions.phpファイルを介してスタイルとjQueryuiをキューに入れました。

function ahso_scripts() {

    wp_register_script( 'jquery-easing', CHILD_URL . '/library/js/jquery.easing.1.3.js', array('jquery'), '1.3', TRUE );
    wp_register_script( 'jquery-smoothness', CHILD_URL.'/library/js/jquery.smoothscroller.js', array('jquery-easing'), '1.0', TRUE );
    wp_register_style( 'jquery-ui-custom', CHILD_URL.'/library/css/jquery-ui-1.9.0.custom.css', '', '1.9.0', 'all' );

    // only on the home page
    if ( is_front_page() ) {

        wp_enqueue_script( 'jquery-easing' );
        wp_enqueue_script( 'jquery-smoothness' );

        // jquery-ui-tabs
        wp_enqueue_style( 'jquery-ui-custom' );
        wp_enqueue_script( 'jquery-ui-tabs' );
    }

}
add_action( 'wp_enqueue_scripts', 'ahso_scripts' );

そして、page-home.phpテンプレートでは、次のようにjQueryUiタブをインスタンス化しています。

<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function() {
        jQuery("#tabs").tabs();
    });
    //]]>
</script>
<!--[if lt IE 9]-->
<script type="text/javascript">
    //<![CDATA[
    jQuery(function() {
        jQuery("#tabs").tabs("option", "disabled", false);
    });
    //]]>
</script>
<!--[endif]-->

（document）.ready（）を使用して、トラブルシューティングを使用して、エイリアスとして「$」を渡さずに、物事を試してきたので、マークアップは少しおかしいです。

何らかの理由で、タブがインスタンス化されない、または機能しない、タブのコンソールでエラーが発生しないことは確かです。一部のウィジェットでは多くのことが起こっていますが、この問題は、に何かを追加するずっと前に発生しました。それらの、

本当に私に悲しみを与えているのは、私たちはすでに別のサイトでほぼ同じ方法でこれを行っており、それは機能しているということです。http://granthammond.com

サイドバーの下部を見下ろすと、いくつかのタブが表示されます。唯一の大きな違いは、ショートコードによって出力されるタブと、ページテンプレートにエコーされるこれらのタブです。

もう一度スタックに感謝します。

4

2 に答える 2

3

jQueryUIタブのjavascript部分が機能しています。ソースを見て別のタブタイトルをクリックすると、正しいcssクラスが追加されています。ただし、必要なタブスタイルはjQueryUIスタイルシートに含まれていません=]

于 2012-10-23T16:22:01.660 に答える
0

確かに、静的なフロントページを取得しましたか？

試す

if ( is_home() OR is_front_page() )
{
    // ...

代わりは。

于 2012-10-15T20:03:55.023 に答える