【问题标题】:Enque Scripts and Styles Wordpress排队脚本和样式 Wordpress
【发布时间】: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


【解决方案1】:

您的队列看起来不错。

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

坚持下去,你做得很好。

【讨论】:

  • 谢谢,但添加引导程序后,我的网站看起来一团糟,为什么?
  • CSS 弄乱了我的页面 CSS
  • 您是否将任何引导类应用到您的页面?没有看到你的页面,我无法告诉你。可能有很多东西,例如您使用的主题等。
  • 您将需要调查哪些 CSS 正在与您的网站混淆。当您添加像 boostrap 这样的库时,您将考虑从头开始创建主题,如果您使用的是预制主题并应用 boostrap,则有点不可预测,因为主题的作者可能使用了冲突的类。
  • 我看到 CSS 并不重要我会自己不使用 CSS 和样式,但我似乎无法让功能正常工作我已经加载了其他依赖项但仍然没有任何工作所有行加载和按钮在那里,但没有功能
猜你喜欢
  • 2015-11-15
  • 1970-01-01
  • 2021-06-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-01
  • 1970-01-01
  • 2014-10-03
相关资源
最近更新 更多