Question

我正在尝试从我的基金会网站创建一个wordpress主题。

将所需的javascript文件排入functions.php的正确方法是什么？我在网上发现了很多教程，但没有一个是100％

这是我的方式，但由于某种原因，我的顶部栏切换不起作用，我假设我没有以正确的方式包括jquery。

我不得不说我对PHP一无所知，而且我试图找到可以在我的情况下运行但没有运气的例子。

<?php

function devocean_script()  
{  
    //register scripts for our theme  
    wp_deregister_script('jquery');

    wp_register_script('jquery',  get_template_directory_uri() . '/js/vendor/jquery.js', 
    false );
    wp_register_script('foundation-mod',  get_template_directory_uri() . '/js/modernizer.js', 
false );  
wp_register_script('foundation-main', get_template_directory_uri() . '/js/foundation.min.js', 
    true );  



//enqueue scripts for our theme
wp_enqueue_script( 'foundation-mod' );
wp_enqueue_script( 'jquery');  
wp_enqueue_script( 'foundation-main' );
}  
add_action( 'wp_enqueue_scripts', 'devocean_script' );  

?>

如果somwone可以给我一个提示，那将是很棒的..我真的被困在这里，需要继续前进..

非常感谢你的帮助

Answer 1

在使用带有wordpress的粉底5之前，请注意以下内容。

modernizr应加载到wp-head。

＆＃13;

wp_enqueue_script( 'modernizr', get_template_directory_uri() .'/js/vendor/modernizr.js', array(), '', false );

＆＃13;

wp_enqueue_script( 'modernizr', '//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js', array(), '', false );

＆＃13;

在页脚加载jquery

＆＃13;

 function jqloading()
  {
  	
	wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'); 
	wp_enqueue_script('jquery');
	}
  add_action('wp_footer','jqloading');

＆＃13;

enque foundation js和foundation css files

＆＃13;

wp_enqueue_script( 'foundation-js', 'https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js', array('jquery'), '1.0', true );
wp_enqueue_style( 'foundation-style', get_template_directory_uri() .'/css/foundation.min.css' );

＆＃13;

通过在footer.ph

＆＃13;

jQuery(document).ready(function(){
     jQuery(document).foundation();
	 
	
	 });

＆＃13;

Answer 2

你是否在没有取消注册jquery的情况下尝试过它？

另外，您应该通过将true作为最后一个参数传递给wp_reqister_script函数，在页脚中加载jquery。当然，这仅适用于您在主题中的正确位置呼叫wp_footer的情况。

在WordPress主题中包含基础5的正确方法是什么？

2 个答案: