使用Wordpress的Slicknav

Question

我正在尝试在Wordpress上使用带有自定义主题的SlickNav。我感觉好像我已经尝试了所有的方法来使它工作，但没有找到任何有类似问题的人。这个网站还没有上线，所以我恐怕没有链接可以分享。

首先，我按照插件网站上的说明安装了SlickNav (在添加与Wordpress相关的代码之前工作得很好)，并尝试为Wordpress修改它。在我的functions.php中，我添加了“menu”的ul ID：

    }

add_action( 'init', 'register_my_menus' );
function register_my_menus() {
register_nav_menus(

array(

'main-menu' => __( 'Main Menu' ),
'menu_id'         => 'menu'

    )
);

在我的header.php中，在调用wp_head之前和body标签之前，在head标签内添加了以下内容：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/css/slicknav.css" />
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.slicknav.min.js"></script>

并在调用wp_footer和关闭body标记之前在我的footer.php中添加了以下内容：

<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.slicknav.js">
$(document).ready(function(){
$('#menu').slicknav();
prependTo:'#demo1'
});
</script>

我试着用我在Wordpress论坛上找到的所有变体来替换<?php bloginfo("template_url"); ?>；甚至用一个指向目录的硬链接来替换它，但都不起作用。

然后我删除了所有这些内容，并将其添加到我的functions.php中：

function slicknav_scripts() {
wp_enqueue_script( 'jquery' );
wp_register_script( 'jqueryui', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js');
wp_enqueue_script( 'jqueryui' );
wp_register_script( 'slicknav', get_template_directory_uri().'/js/jquery.slicknav.min.js');
wp_enqueue_script( 'slicknav' );
wp_register_style('slicknavcss',get_template_directory_uri().'/css/slicknav.css');
wp_enqueue_style('slicknavcss');
}  
add_action('wp_enqueue_scripts', 'slicknav_scripts');

并将其添加到我的header.php中；当此操作不起作用时，我将其删除并添加到我的footer.php中：

<script type="text/javascript">
jQuery('#myelement').slicknav();
</script>

当这不起作用时，我删除了所有内容，回到原点，但删除了<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>，假设这可能是jquery的问题。但这并不管用。

在这一点上，我尝试了几乎所有我能想到的方法，我开始怀疑答案是否很简单/就在我眼皮底下，但我只是盯着它看了太久。任何帮助都将不胜感激。

Answer 1

啊哈！我让它起作用了。我添加了我提供给functions.php的入队代码，使用这个链接(http://codex.wordpress.org/Using_Javascript)作为指导，正确地将脚本添加到我的页眉和页脚；调整了jquery脚本以匹配Wordpress给定的ul ID，并通过CSS进行了更改以反映它。