Jquery SF菜单未在Wordpress中显示

我希望在我的wordpress站点中显示以下superfish菜单：

我在我的函数文件中调用了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>

有人能帮忙吗？ 谢谢

---

Kirsty

您需要初始化超级鱼菜单：）

在

header.php

（或者在主题中的单独js文件中，使用

wp\u enqueue\u script（）

）添加以下代码（如果是单独的文件，请跳过打开和关闭

标记）：

（函数（$）{
$（文档）.ready（函数（）{
$（“.menudiv>div>ul”）.addClass（'sf-menu'）.superfish（）；
});
})（jQuery）

---

另外，您的

ul

似乎出于某种原因没有获得

sf菜单

类-这就是为什么在初始化菜单之前要调用

addClass（）

菜单。

你好，尼古拉，我的函数文件中已经有了enqueue_脚本来调用js？是的，但您只包括SuperFish js。有关如何初始化插件本身的示例，请参见链接（包括它还不够）：）

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