jquery - SF 菜单不显示在 Wordpress 中

Question

我希望在我的 wordpress 网站中显示以下超级鱼菜单：

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>

有人可以帮忙吗？谢谢科斯蒂

Answer 1

你需要初始化超级鱼菜单:)

在你的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-menu课程 - 这就是为什么addClass()在初始化菜单之前调用菜单的原因。