关键词：
【中文标题】如何在 WordPress 中使用 jQuery Cycle 插件？【英文标题】：How to use the jQuery Cycle Plugin with WordPress? 【发布时间】：2010-10-29 21:15:31 【问题描述】：我已经尝试了我能想到的一切。不应该这么难。谁能给我解释一下使用 jQuery 和 WordPress（特别是 jQuery Cycle 插件）的过程？
在 header.php 我有：
<?php
wp_enqueue_script('jquery.cycle.all.min', '/wp-content/themes/andrewhavens/jquery.cycle.all.min.js', array('jquery'));
wp_enqueue_script('featured-work-slideshow', '/wp-content/themes/andrewhavens/featured-work-slideshow.js');
wp_head();
?>
我已经将这两个 js 文件上传到了我的主题目录。
在 features-work-slideshow.js 我有：
jQuery(document).ready(function($)
$('#featured-works').cycle('fade');
);
在我的模板中，我有：
<div id="featured-works">
<?php query_posts('category_name=featured-work&showposts=5'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="featured-work">
<div class="featured-work-image-container" style="float:left; width:600px;">
<?php $image = get_post_meta($post->ID, 'homepage-image', true); ?>
<img src="<?php echo $image; ?>" style="margin-left:30px;">
</div>
<p style="float:left; width:300px;">
<?php the_title(); ?><br />
<a href="<?php the_permalink() ?>">Read More!</a>
</p>
</div>
<?php endwhile;?>
</div>
我做错了什么？？？
【问题讨论】：
【参考方案1】：我想通了。我不小心忘记指定正确的路径：
<?php
wp_enqueue_script('jquery.cycle.all.min', '/wp-content/themes/andrewhavens/jquery.cycle.all.min.js', array('jquery'));
wp_enqueue_script('featured-work-slideshow', '/wp-content/themes/andrewhavens/featured-work-slideshow.js');
wp_head();
?>
应该是
<?php
wp_enqueue_script('jquery.cycle.all.min', '/wp-content/themes/andrewhavens/js/jquery.cycle.all.min.js', array('jquery'));
wp_enqueue_script('featured-work-slideshow', '/wp-content/themes/andrewhavens/js/featured-work-slideshow.js');
wp_head();
?>
否则，它工作得很好
【讨论】：
【参考方案2】：抛出一个 get_bloginfo("stylesheet_directory") 让你的生活更轻松
<?php wp_enqueue_script('jquery.cycle.all', get_bloginfo("stylesheet_directory") . '/js/jquery.cycle.all.js', array('jquery')); ?>
【讨论】：
不错！不知道有这个功能。但是，当它们是 javascript 文件时，为什么要指定“样式表目录”。有没有“javascripts目录”功能？ @Andrew 没有指定jsdirectory，但我建议使用get_template_directory_uri() 或get_stylesheet_directory_uri。如何在 wordpress 菜单中使用 jquery？
】如何在wordpress菜单中使用jquery？【英文标题】：howtousejqueryinwordpressmenu?【发布时间】：2015-04-1510:33:13【问题描述】：我正在创建一个wp主题，我将此代码用于菜单：<?php$defaults=array(\'theme_location\'=>\'\',\'menu\'=>\'\',\'container\... 查看详情
如何在 WordPress 中使用 jQuery Cycle 插件？
】如何在WordPress中使用jQueryCycle插件？【英文标题】：HowtousethejQueryCyclePluginwithWordPress?【发布时间】：2010-10-2921:15:31【问题描述】：我已经尝试了我能想到的一切。不应该这么难。谁能给我解释一下使用jQuery和WordPress（特别是jQue... 查看详情
如何在 Wordpress 插件中使用 jQuery 从 Iframe 调用 Iframe？
】如何在Wordpress插件中使用jQuery从Iframe调用Iframe？【英文标题】：HowtocallIframefromanIframeusingjQueryinWordpressPlugin?【发布时间】：2019-05-2914:24:02【问题描述】：我有一个从WordpressWoocommerce商店中的iFrame调用的应用程序（WordPress插件）... 查看详情
WordPress 插件开发 - 如何使用 JQuery / JavaScript？
】WordPress插件开发-如何使用JQuery/JavaScript？【英文标题】：WordPressPluginDevelopment-HowtouseJQuery/JavaScript?【发布时间】：2013-05-2506:59:31【问题描述】：刚开始为WordPress开发插件，想在插件管理界面中使用一些JQuery。如何正确包含和调... 查看详情
如何将 jQuery 正确加载到 WordPress 中
】如何将jQuery正确加载到WordPress中【英文标题】：HowtoloadjQueryintoWordPressproperly【发布时间】：2014-04-0916:50:04【问题描述】：我有一个WordPress网站，我想使用一个名为DataTables的jQuery插件。我一直在寻找将jQuery脚本和DataTables脚本加... 查看详情
创建 wordpress 插件时，如何在 jQuery 加载页面中启动挂钩？
】创建wordpress插件时，如何在jQuery加载页面中启动挂钩？【英文标题】：HowcaniinitiatehooksinajQueryloadedpagewhencreatingawordpressplugin?【发布时间】：2014-01-0221:21:54【问题描述】：我正在编写一个带有以下页面的wordpress小部件1）我有母版... 查看详情
在 Wordpress 中使用 requireJS
】在Wordpress中使用requireJS【英文标题】：UsingrequireJSwithinWordpress【发布时间】：2013-10-1005:16:02【问题描述】：我正在为我设置一种方法来保持我喜欢的requireJS工作方式并将其与Wordpress集成。最大的问题是如何加载jquery。Wordpress通... 查看详情
Wordpress 如何使用 jquery 和 $ 符号
】Wordpress如何使用jquery和$符号【英文标题】：Wordpresshowtousejqueryand$sign【发布时间】：2012-09-0220:22:29【问题描述】：我在WordPress插件中有一个简单的jQuery脚本，它使用这样的jQuery包装器：$(document).ready(function()//jQuerycodeisinhere);我... 查看详情
如何在jquery中编写if else if语句，其中条件由wordpress选项设置设置
】如何在jquery中编写ifelseif语句，其中条件由wordpress选项设置设置【英文标题】：Howtowriteifelseifstatementinjquerywhereconditionsetbywordpressoptionsetting【发布时间】：2012-12-2205:37:35【问题描述】：如何使用ifelse语句将wordpress选项设置值作为... 查看详情
如何在 WordPress 管理员上运行 jQuery 代码？
】如何在WordPress管理员上运行jQuery代码？【英文标题】：HowtorunjQuerycodeonWordPressadmin?【发布时间】：2021-04-0320:06:19【问题描述】：创建新帖子时如何运行jQuery脚本。我能够将脚本排入队列并可以在编辑器中看到.js文件，但代码不... 查看详情
在 wordpress 中使用 jquery datepicker
】在wordpress中使用jquerydatepicker【英文标题】：Usejquerydatepickerinwordpress【发布时间】：2015-02-1207:20:26【问题描述】：我想在我的wordpress模板页面中以表单的形式将datepicker分配给谁，但它不起作用。这是我有子主题functions.php的代码... 查看详情
如何使用 jQuery 更改 Wordpress 帖子中的多个同名输入元素？
】如何使用jQuery更改Wordpress帖子中的多个同名输入元素？【英文标题】：HowtochangemultiplesamenameinputelementinWordpresspostwithjQuery?【发布时间】：2021-12-0523:26:07【问题描述】：我可以用不同的名称更改Wordpress输入元素。比如下面的输入... 查看详情
在 Wordpress 中使用带有 Ajax 的 jQuery 脚本
】在Wordpress中使用带有Ajax的jQuery脚本【英文标题】：UsingjQueryscriptwithAjaxinWordpress【发布时间】：2016-09-2205:29:17【问题描述】：我正在为我的wordpress网站使用AjaxifyWordPressSite(AWS)插件。我还在为菜单使用jQuery脚本。这基本上使菜单... 查看详情
javascript如何在wordpress中正确排队jquery(代码片段)
在 Wordpress 内联脚本中使用 jQuery
】在Wordpress内联脚本中使用jQuery【英文标题】：UsingjQueryinWordpressinlinescript【发布时间】：2019-05-2202:18:19【问题描述】：我需要在页面加载时加载引导模式，并尝试以添加内联脚本来处理调用的简单方法来实现。对于我的一生，... 查看详情
如何在 Wordpress 插件中组合 2 个 javascript/jquery 函数
】如何在Wordpress插件中组合2个javascript/jquery函数【英文标题】：Howtocombine2javascript/jqueryfunctionsinaWordpressplugin【发布时间】：2020-06-1414:56:23【问题描述】：说到JavaScript/jQuery，我还是个新手。我目前在WordPress（插件）中有一个带有h... 查看详情
如何使用 JQuery.ajax 从每个 WordPress 帖子中获取缩略图附件？
】如何使用JQuery.ajax从每个WordPress帖子中获取缩略图附件？【英文标题】：HowtouseJQuery.ajaxtogetthethumbnailattachmentfromeachWordPresspost?【发布时间】：2011-10-1300:40:41【问题描述】：我正在尝试获取显示每个WordPress帖子的缩略图附件的JSON... 查看详情
在 Wordpress 中使用 jQuery 发布数据成功，但使用 FormData 失败
】在Wordpress中使用jQuery发布数据成功，但使用FormData失败【英文标题】：PostingdatawithjQueryinWordpresssucceeds,butfailswithFormData【发布时间】：2021-02-1004:07:37【问题描述】：我想在我的Wordpress插件中使用jQuery/Ajax上传文件。javascript到PHP调... 查看详情