Enque脚本和样式Wordpress

时间:2016-02-24 23:38:35

标签: javascript jquery angularjs wordpress twitter-bootstrap

我试图让这项工作...... http://jsfiddle.net/EnY74/20/,但我是javascript的新手,并没有意识到我需要外部资源。

所以我将jsfiddle中的javascript复制到一个文件夹中并将脚本排队,但它没有用。 (但是入队是正确的)然后我意识到我需要外部资源。

所以现在我试图解决jsfiddle使用的依赖关系,以便它可以在我的网站上运行。

-angularjs 1.1.1

-bootstrap-combined.min.css

-jquery-1.9.1.min.js

function wootique_child_scripts() {

     // jQuery  
     wp_enqueue_script('jquery'); 

     // AngularJS not sure if this is right?
     wp_enqueue_script('angular-core', '//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.js', array('jquery'), null, false);
     wp_enqueue_script('angular-route', '//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js', array('angular-core'), null, false);
     wp_enqueue_script('angular-resource', '//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-resource.min.js', array('angular-route'), null, false);

     // my custom javascript
     wp_enqueue_script('custom-pagination-js', get_stylesheet_directory_uri() . '/js/pagination.js');

}

add_action('wp_enqueue_scripts', 'wootique_child_scripts');

我不确定如何包含引导程序以及如何将其包含在此处,我是javascript的新手,但对PHP有很多经验。

我是否正确地回忆起AngularJS? jQuery入队是否正确(我读过它包含在wordpress中)。

此刻我觉得很失落任何帮助都会特别感谢加载twitter bootstrap谢谢。

1 个答案:

答案 0 :(得分:0)

你的队列看起来很好。

wp_enqueue_style('bootsrap-style', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css')
wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js')

坚持下去,你做得很好。