Javascript Enque脚本和样式Wordpress

Javascript Enque脚本和样式Wordpress,javascript,jquery,angularjs,wordpress,twitter-bootstrap,Javascript,Jquery,Angularjs,Wordpress,Twitter Bootstrap,我正在努力使这一切顺利进行。。但我是javascript新手,没有意识到我需要外部资源 因此,我将JSFIDLE中的javascript复制到一个文件夹中,并将脚本放入队列,但它不起作用。(但排队是正确的)然后我意识到我需要外部资源 因此,现在我正试图解决JSFIDLE使用的依赖关系,以便它能在我的站点上工作 -angularjs 1.1.1 -bootstrap-combined.min.css -jquery-1.9.1.min.js function wootique_child_scri

我正在努力使这一切顺利进行。。但我是javascript新手,没有意识到我需要外部资源

因此,我将JSFIDLE中的javascript复制到一个文件夹中,并将脚本放入队列,但它不起作用。(但排队是正确的)然后我意识到我需要外部资源

因此,现在我正试图解决JSFIDLE使用的依赖关系,以便它能在我的站点上工作

-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中)


我现在觉得很迷茫,如果您能帮我加载推特引导程序,我将不胜感激。谢谢。

您的排队看起来不错

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')

继续,你做得很好。

在浏览器开发工具网络中查看实际加载的内容以及加载顺序。控制台中还会抛出哪些错误?包括bootstrap与其他脚本一样…这取决于jqueryI我在排队时遇到的主要问题是正确的脚本控制台没有显示任何错误@charlietflse查看您的站点上实际加载的脚本和css文件以及这些脚本和样式的加载顺序(通过查看源代码或如op所述),查看浏览器开发工具网络。另外,您是否使用子主题?get_stylesheet_directory_uri()指向子主题如果有子主题,get_template_directory_uri()指向父主题。谢谢,但添加引导后,我的网站看起来一团糟。有什么想法吗?CSS会弄乱我的页面CSS你是否将引导类应用到你的页面?没有看到你的页面,我无法告诉你。这可能是很多事情,比如你正在使用的主题等。你需要调查哪个CSS会干扰你的网站。当你添加一个像boostrap这样的库时,你将看到从头开始创建你的主题,如果你正在使用一个预先制作的主题并应用boostrap,这是有点不可预测的,因为主题的作者可能会使用冲突的类。我认为CSS并不重要,我将自己不使用CSS和样式,但我似乎无法使功能正常工作。我已经加载了其他依赖项,但仍然无法工作所有行的加载和按钮在那里,但没有任何功能