【发布时间】:2016-02-24 23:38:34
【问题描述】:
我正在努力完成这项工作..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 enqueue 是否正确(我读到它包含在 wordpress 中)。
此刻我感到很失落
【问题讨论】:
-
在浏览器开发工具网络中查看实际加载的内容以及加载顺序。控制台中还会抛出什么错误?包括 bootstrap 和其他的一样...它取决于 jquery
-
我在排队正确的脚本时遇到问题,控制台没有显示任何错误@charlietfl
-
查看您的站点上实际加载的脚本和 css 文件以及这些脚本和样式的加载顺序,方法是查看源代码或如操作所说,查看浏览器开发工具网络。另外,您使用的是儿童主题吗? get_stylesheet_directory_uri() 指向子主题(如果有),get_template_directory_uri() 指向父主题。
标签: javascript jquery angularjs wordpress twitter-bootstrap