首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Wordpress中使用Slicknav

在Wordpress中使用Slicknav
EN

Stack Overflow用户
提问于 2016-02-05 06:43:51
回答 1查看 421关注 0票数 1

我见过一些人问起这个问题,但我似乎找不到任何其他建议在我的网站上工作。我试图在我正在工作的Wordpress网站上使用slicknav.js,但它根本不起作用。我一度让它工作,但不幸的是不得不放弃那个网站并重新开始,现在我无法让它工作。我做了一些测试,刚刚意识到我的脚本都没有加载。wp_enqueue_scripts()根本没有复制我的任何脚本..你知道我做了什么才能打破这个记录吗?

我在本地开发,所以我不能给出一个链接...但这是我所有的代码。

Functions.php

代码语言:javascript
复制
<?php
// WP Enqueue Styles
function wop_styles() {
    wp_enqueue_style( 'normalize_css' , get_template_directory_uri() .     '/css/normalize.css' );
    wp_enqueue_style( 'fontawesome_css' , 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' );
    wp_enqueue_style( 'googleFonts_css' , 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto+Slab:400,700|Satisfy' );
    wp_enqueue_style( 'slicknav_css' , 'https://cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.5.5/slicknav.min.css');
    wp_enqueue_style( 'style_css' , get_template_directory_uri() . '/css/compile.css' );
}
add_action( 'wp_enqueue_scripts' , 'wop_styles' );

// WP Enqueue Scripts
function wop_scripts() {
    wp_enqueue_script( 'slicknav_js' , 'https://cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.5.5/jquery.slicknav.min.js' , array('jQuery_js', 'slicknav_css') , true);
    wp_enqueue_script( 'theme_js' , get_template_directory_uri() . '/js/theme.js' , array('jQuery_js'), true );
}
add_action( 'wp_enqueue_scripts' , 'wop_scripts' );

我的Theme.js文件:

代码语言:javascript
复制
(function($){
   $('menu-header-menu').slicknav(); 
})(jQuery);

最后,这里是我的HTML标记。

代码语言:javascript
复制
<header class="page-header"> <!--- BEGIN .page-header --->
            <div class="branding">
            </div>
            <nav>
                <?php wp_nav_menu(array('theme_location' => 'header-menu', 'container' => false,)); ?>
            </nav>
        </header> <!--- END .page-header --->

<footer class="page-footer"> <!--- BEGIN .page-footer --->
        <?php wp_footer(); ?>
    </footer> <!--- END .page-footer --->
    </body> <!--- END .page-outer-wrapper -->
</html>

我的页脚没有显示任何脚本,即使我更改了$in-footer = false,也没有显示任何脚本。

显然,我在页眉和页脚之间有一些东西,但我认为这是唯一真正重要的部分。

有什么想法吗?

EN

回答 1

Stack Overflow用户

发布于 2016-02-05 07:33:36

$in_footer

(布尔值)(可选)通常将脚本放在<head>部分中。如果此参数为true,则将脚本放在<body>的底部。这要求主题在适当的位置有wp_footer()钩子。请注意,在运行wp_head之前,您必须将脚本排入队列,即使它将被放在页脚中。

如果我没理解错的话。您想在脚注中调用脚本,但HTML标记中不包含脚注?

要将脚本放入头部($ in -footer=false),它必须在wp_head()调用之前。

参考:http://codex.wordpress.org/Function_Reference/wp_register_script

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35213128

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档