正文 

当前位置： 首页 > 源码 >

WordPress 插件开发 - 如何使用 JQuery / JavaScript？

     2023-05-08     183

关键词：

【中文标题】WordPress 插件开发 - 如何使用 JQuery / JavaScript？【英文标题】：WordPress Plugin Development - How to use JQuery / JavaScript? 【发布时间】：2013-05-25 06:59:31 【问题描述】：

刚开始为 WordPress 开发插件，想在插件管理界面中使用一些 JQuery。

如何正确包含和调用 JQuery？

例如，在一个普通的 HTML 页面上，我只包含 JQuery 库，然后调用这个脚本：

$(document).ready(function()
    alert('Hello World!');
);

如何在 WordPress 插件 PHP 文件中执行此操作？

【问题讨论】：

【参考方案1】：

首先，您必须在 Wordpress 中使用无冲突包装器，因此您的代码如下所示：

jQuery(document).ready(function($)
    alert('Hello World!');
);

其次，将您的 javascript 放在外部文件中是一个很好的做法，并且在 Wordpress 插件中您可以包含这样的内容：

wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));

wp_enqueue_script( 'my_plugin_script' );

这包括您的脚本，并将 jQuery 设置为依赖项，因此如果 jQuery 尚未加载，Wordpress 将自动加载它，确保它只加载一次，并且在您的插件脚本之前加载。

如果您只需要管理页面上的脚本，您可以使用 Wordpress add_action 处理程序有条件地加载它：

add_action( 'admin_menu', 'my_admin_plugin' );

function my_admin_plugin() 
    wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));
    wp_enqueue_script( 'my_plugin_script' );

    // do admin stuff here

【讨论】：

如果我在自己的插件中使用 jquery，我应该离线使用还是在线使用更好？你能帮帮我吗【参考方案2】：

不建议使用自己的jquery版本。

WordPress 包含自己的 jquery 版本和许多其他类似的 JS 文件，这些文件都经过了 WP 和许多 最常见的插件。为了提供最佳的兼容性和 为我们的用户体验，我们要求您不要自己打包 （尤其不是旧版本），而是使用 wp_enqueue_script() 拉入 WordPress 的版本。

所以你应该改用这个：

wp_enqueue_script('jquery')

【讨论】：

在 WordPress 插件开发中使用 javascript 验证

】在WordPress插件开发中使用javascript验证【英文标题】：UsingjavascriptvalidationinWordPressplugindevelopment【发布时间】：2016-11-1704:02:45【问题描述】：开始在WordPress中开发自定义数据库表格插件。当我开始在我的插件中使用jquery时，我已... 查看详情

wordpress 插件开发 - 使用图像 - 找不到路径

】wordpress插件开发-使用图像-找不到路径【英文标题】：wordpressplugindevelopment-usingimages-pathnotfound【发布时间】：2011-03-0410:41:19【问题描述】：我正在为wordpress编写插件，但在处理图像时遇到了问题。如果我在wp-content/plugins/my-plugin... 查看详情

如何开发一个wordpress插件

参考技术A1首先安装wordpress环境，安装成功后访问如下2在wp-content\plugins目录下新建自己要创建的插件名称，这个名称需要是唯一的，3编辑mytest_helloword.php文件如下，可以看出来我们的插件的作用是修改文章中的Welcome为haha：4... 查看详情

如何在 wordpress 插件开发中列出表格？

】如何在wordpress插件开发中列出表格？【英文标题】：Howtolisttablesinwordpressplugindevelopment?【发布时间】：2014-08-2608:56:04【问题描述】：我想在我的插件开发中显示所有表名。我知道如何在核心PHP中做到这一点。我正在尝试这样：$... 查看详情

如何开发一个wordpress插件

工具：文本编辑器、wordpress源码、浏览器、apachemysql环境步骤:1.首先安装wordpress环境，安装成功后访问如下。2.在wp-content\\plugins目录下新建自己要创建的插件名称，这个名称需要是唯一的，如下图：3.编辑mytest_helloword.php文件如下... 查看详情

Wordpress 插件开发 - 文件上传：如何允许指定的文件类型？

】Wordpress插件开发-文件上传：如何允许指定的文件类型？【英文标题】：Wordpressplugindevelopment-Fileupload:Howtoallowspecifiedfiletypes?【发布时间】：2019-03-1601:45:04【问题描述】：这是允许将图像上传到网站根目录的代码。是管理区的子... 查看详情

如何使用 WordPress Woo-Commerce 插件根据 url 参数显示不同的产品？

】如何使用WordPressWoo-Commerce插件根据url参数显示不同的产品？【英文标题】：HowtoshowdifferentproductbasedonurlparameterusingWordPressWoo-Commerceplugin?【发布时间】：2018-04-0507:35:06【问题描述】：我正在使用WordPress和Woo-Commerce插件开发电子商... 查看详情

如何确定一个网站是用wordpress开发的

问题如何确定一个网站是用Wordpress开发的？答案打开网页的源码页，可以通过搜索功能查找一下是否源码中包含wp-content。如果有这个文字，说明此网站基本就是使用wordpress程序创建的网站，因为wp-content是wordpress建站程序的一个... 查看详情

在 wordpress 插件中使用作曲家包

】在wordpress插件中使用作曲家包【英文标题】：usingcomposerpackagesinawordpressplugin【发布时间】：2015-12-2509:43:56【问题描述】：我正在开发一个wordpress插件，该插件使用了composer包。作为参考，我正在开发的插件在这里：https://github.c... 查看详情

markdown使用git和subversion镜像进行wordpress插件开发(代码片段)

查看详情

markdown使用git和subversion镜像进行wordpress插件开发(代码片段)

查看详情

Wordpress：如何使用 ajax 调用来调用插件函数？

】Wordpress：如何使用ajax调用来调用插件函数？【英文标题】：Wordpress:howtocallapluginfunctionwithanajaxcall?【发布时间】：2011-02-2322:16:45【问题描述】：我正在编写一个WordpressMU插件，它包含每个帖子的链接，我想在用户单击此链接时... 查看详情

如何在使用 docker 首次安装 wordpress 时自动激活插件

】如何在使用docker首次安装wordpress时自动激活插件【英文标题】：Howtoautomaticallyactivatethepluginwhilewordpressfirstinstallationusingdocker【发布时间】：2019-11-0100:00:13【问题描述】：在Docker上安装wordpress。我已经使用预装在dockerhub上的插件... 查看详情

如何在 WordPress 中使用 jQuery Cycle 插件？

】如何在WordPress中使用jQueryCycle插件？【英文标题】：HowtousethejQueryCyclePluginwithWordPress?【发布时间】：2010-10-2921:15:31【问题描述】：我已经尝试了我能想到的一切。不应该这么难。谁能给我解释一下使用jQuery和WordPress（特别是jQue... 查看详情

如何编码 WordPress 插件软件更新？

】如何编码WordPress插件软件更新？【英文标题】：HowcanIcodeWordPresspluginsoftwareupdates?【发布时间】：2013-10-2512:43:00【问题描述】：这个问题可能适用于所有软件更新。软件更新如何正常工作？我已经开发了一个WordPress插件，现在我... 查看详情

开发 Wordpress 插件时的第 3 方依赖冲突

】开发Wordpress插件时的第3方依赖冲突【英文标题】：3rdpartydependencyconflictindevelopingWordpressPlugin【发布时间】：2018-10-1303:56:09【问题描述】：我正在开发一个使用composer..的插件。这意味着它在插件文件夹中有一个供应商文件夹，... 查看详情

如何从 Wordpress 表单调用 SOAP Web 服务？

】如何从Wordpress表单调用SOAPWeb服务？【英文标题】：HowtocallaSOAPwebservicefromaWordpressform?【发布时间】：2011-09-2823:24:18【问题描述】：我目前正在开发一个Wordpress网站，并使用CformsII插件设置了一个表单，但客户希望将表单数据提... 查看详情

我如何知道 Wordpress 使用哪个 linux 用户安装插件

】我如何知道Wordpress使用哪个linux用户安装插件【英文标题】：HowdoIknowwhichlinuxuserWordpressusesforplugininstallation【发布时间】：2012-10-2214:23:12【问题描述】：我正在尝试将Wordpress设置为能够通过SFTP(SSH)在Centos6VPS上安装插件。我已经... 查看详情