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() 调用。