【问题标题】:Using jQuery in a wordpress theme在 wordpress 主题中使用 jQuery
【发布时间】:2012-07-01 00:19:18
【问题描述】:

我想在 wordpress 主题中使用 jquery 插件,但无法让它工作。

在functions.php中我有:

<?php wp_enqueue_script('jquery'); ?> 
<?php wp_enqueue_script('jquerycountdownpackjs', '/wp-content/themes/mytheme/jquery.countdown.pack.js', array('jquery'),'1.2.6'); ?> 

这就是我需要告诉 wordpress 加载 jQuery 然后加载我的插件的全部内容吗?

在 header.php 中,我开始使用 jquery:

jQuery(document).ready(function($) {

我还缺少什么? 应该显示插件结果的 div 没有显示任何内容。我是否正确加载了 jQuery?

【问题讨论】:

  • @mrtsherman 您在评论中引用的版本号是针对 OP 使用的 countdownpack 插件,而不是 jquery。
  • 真正的问题是什么?我们可以为您的网站提供测试链接吗?你的控制台有 JS 错误吗?
  • 这不是加载 Wordpress 版本的 jQuery 的正确方法: 我需要做任何事情来加载它吗?问题是应该显示插件的 div 没有在页面上显示任何内容。

标签: jquery wordpress jquery-plugins wordpress-theming


【解决方案1】:

如果只是 jQuery,你是后,你需要把你的标题。

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

注意:如果从 wp_head 或 wp_print_scripts 操作调用此函数将不起作用,因为在运行这些操作之前需要将文件排入队列。

实际的 jQuery 脚本需要在 document.ready 包装器中或在自调用匿名函数中:

jQuery(document).ready(function($) {
// $() will work as an alias for jQuery() inside of this function
});

或SIAF

(function($) {
// $() will work as an alias for jQuery() inside of this function
})(jQuery);

【讨论】:

  • 如果你想为倒计时插件加入另一个脚本,只需添加一行:codecode
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-02-10
  • 1970-01-01
  • 1970-01-01
  • 2012-04-12
  • 1970-01-01
相关资源
最近更新 更多