【问题标题】:WP enqueue method fails to load custom scriptsWP enqueue 方法无法加载自定义脚本
【发布时间】:2013-04-24 12:16:11
【问题描述】:

只需要一些关于 WP en queue 的信息,我已经在各种网站上学习了一些教程,因为我是一个非常基础的网页设计师,我主要使用 HTML CSS,至少这是我最了解的。

我无法最好地解释我哪里出错了,但我可以发布代码供人们查看,以向您展示我是否正确执行了此操作。如果对任何人有帮助,我目前正在使用 WAMP 在本地构建站点。我从 Google CDN 调用 Jquery 我已经注销了 WordPress 附带的 jQuery(因为我不确定它使用的是最新版本)。

我已重新注册它,但即使是简单的 Jquery 文件也无法加载。目前我正在尝试加载滚动以锚定 jQuery 文件。

这是functions.php代码

<?php function vstep_scripts_basic()
  {
    wp_deregister_script( 'jquery' );

wp_register_script( 'jquery', 'http//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array(), null, false );



wp_register_script( 'jquery.anchor', get_template_directory_uri() . '/js/jquery.anchor.js', array( 'jquery' ) );  


wp_enqueue_script( 'jquery.anchor' );

}
add_action( 'wp_enqueue_scripts', 'vstep_scripts_basic' );
?>    

现在这也显示在浏览器页面中,所以他告诉我它正在正确加载,但 Jquery 仍然无法正常工作。

<script type='text/javascript'src='http://localhost/wordpresshttp//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/vstep/js/jquery.anchor.js?ver=3.5'></script>

我的网站导航正确,但不包含平滑滚动效果。 HTML 版本工作正常,但 wordpress 版本不是我认为这不是代码的简单错误,因为它只是从 HTML 到 wordpress 更改路径和位置的复制粘贴作业。除了网站是从到底部滚动的所有一页。

我的想法,anchor.jquery末尾的ver?3.5会导致问题吗?
我是否错误地注销了 jquery(滚动效果与 jquery 1.9.1 捆绑在一起,因此我使用 1.9.1 而不是 2.0.0)

在本地主机上使用的路径是否正确?

是get_template_uri 还是get_plugin?

我只是想不出任何帮助将不胜感激。

谢谢~

图姆

【问题讨论】:

标签: javascript jquery wordpress plugins


【解决方案1】:

您的脚本网址中有错字:http//

改变

wp_register_script( 'jquery', 'http//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array(), null, false );

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array(), null, false );

wp_register_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array(), null, false );

【讨论】:

  • 这就是为什么有时我讨厌我作为网页设计师的生活......它似乎很有效。这是超越标记的一个很好的例子。在这种情况下,“加价”哈哈。谢谢你,我现在需要睡觉了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多