【问题标题】:Integrating Superfish Into Wordpress将 Superfish 集成到 Wordpress 中
【发布时间】:2012-11-19 18:26:34
【问题描述】:

我无法将 superfish 菜单加载到 Wordpress 中!我相信我已经正确地将 js 和 css 编码到标题中,并正确修改了 wp_menu。但它会使菜单消失!请有人看一下我的代码并提供帮助吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
 <meta name="keywords" content="Holiday, free CSS template, clean, neat, aqua, white, templatemo" />
<meta name="description" content="Holiday is a clean and neat free CSS template using aqua and white colors." />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8"></script>
<!-- Include jQuery -->
<?php wp_enqueue_script('jquery'); ?>
<script src="<?php bloginfo("template_url"); ?>/js/superfish.js" type="text/javascript"></script>
<script> 

$(document).ready(function(){ 
    $("ul.sf-menu").superfish(); 
}); 

</script>
<?php wp_head(); ?>

这是我的 wordpress 菜单调用

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'sf-menu', ) ); ?>

感谢您的回复。谢谢大家!

科斯蒂

【问题讨论】:

    标签: css wordpress superfish


    【解决方案1】:

    只有IE6 afaik需要superfish,不支持

    li.menu > li.submenu { display:none } li.menu:hover > li.submenu { display:block }

    东西。因此,如果这是您想要的 superfish 的唯一功能,请放弃它。

    否则:

    • 将 wp_enqueue_script 也用于 superfish.js
    • $(document).ready(function(){很有可能不工作,看看这个:wordpress codex on no conflict jQuery
    • 始终检查您的 javascript 控制台是否有错误 :-)

    【讨论】:

    • 嗨塞巴斯蒂安,感谢您的回复。我想要一个超级鱼菜单的原因是让你看到一个带有孩子的父指示器。 ...我检查了路径,但由于某种原因它仍然无法正常工作:S
    • 如果您能给我们一个链接,这个问题将非常容易解决。
    猜你喜欢
    • 2011-09-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-19
    相关资源
    最近更新 更多