我正在使用无效的单页导航脚本。它没有产生任何错误,它只是不起作用。我的javascript和jquery是有限的。
以下是我添加到我的functions.php文件中的内容:
add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
wp_enqueue_script(
'jquery.singlePageNav', // name your script so that you can attach other scripts and de-register, etc.
get_template_directory_uri() . '/js/jquery.singlePageNav.js', // this is the location of your script file
array('jquery') // this array lists the scripts upon which your script depends
);
}
以下是我的footer.php中的代码
<script>
// Prevent console.log from generating errors in IE for the purposes of the demo
if ( ! window.console ) console = { log: function(){} };
// The actual plugin
$('#menu-primary').singlePageNav({
offset: $('#menu-primary').outerHeight(),
filter: ':not(.external)',
beforeStart: function() {
console.log('begin scrolling');
},
onComplete: function() {
console.log('done scrolling');
}
});
</script>
不确定我缺少什么。我可以在我的标记中看到正在加载最新的jquery以及自定义脚本。
非常感谢。
Credit:这是Chris Wojcik在http://chriswojcik.net/demos/single-page-nav/
的单页导航脚本