0

私のワードプレスサイトに表示したい次のスーパーフィッシュメニューがあります:

http://rusticblonde.hostizzo.com/

以下のように、関数ファイルで js を呼び出しました。

<?php
function my_scripts_method() {
wp_enqueue_script('superfish', get_template_directory_uri() . '/js/superfish.js', array('jquery')
);
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
?>
<?php
register_nav_menu('main', 'Main navigation menu');
?>

ヘッダーでCSSファイルも呼び出しました:-

<link rel="stylesheet" type="text/css" href="http://rusticblonde.hostizzo.com/wp-content/themes/randomtheme/css/superfish.css" />

DIV でラップしたところですが、何らかの理由でまったく表示されません。

<div id="menudiv">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'menu sf-menu' ) ); ?> 
</div>

誰でも手伝ってもらえますか? ありがとうカースティ

4

1 に答える 1

0

Super Fish メニューを初期化する必要があります :)

あなたのheader.php(またはテーマの別の js ファイルで、 で呼び出されるwp_enqueue_script()) に、次のコードを追加します (別のファイルの場合は、開始タグと終了タグをスキップし<script>ます)。

<script type="text/javascript">
    (function($){
        $(document).ready(function(){ 
            $(".menudiv > div > ul").addClass('sf-menu').superfish();
        });
    })(jQuery)
</script>

また、何らかの理由でクラスをul取得していないようです。そのため、初期化する前にメニューが呼び出されます。sf-menuaddClass()

于 2012-11-20T15:49:34.260 に答える