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

您需要初始化Super Fish菜单：）

在header.php中（或者在主题中使用wp_enqueue_script()调用的单独js文件中），添加以下代码（如果它是单独的文件，请跳过开始和结束{{1标签）：

<script>

此外，由于某些原因，您的<script type="text/javascript"> (function($){ $(document).ready(function(){ $(".menudiv > div > ul").addClass('sf-menu').superfish(); }); })(jQuery) </script>似乎未获得ul课程 - 这就是为什么在初始化之前对菜单进行sf-menu调用的原因。

在Wordpress中不显示SF菜单

1 个答案: