gpt4 book ai didi

javascript - 无法让 jQuery CDN 为 WordPress 插件工作

转载 作者:太空宇宙 更新时间:2023-11-04 08:36:59 25 4
gpt4 key购买 nike

我正在构建我的第一个 WordPress 插件,但遇到了一些麻烦。我首先使用我创建的联系表单创建了一个自定义页面模板。它使用 Bootstrap JS、Bootstrap CSS、jQuery,然后使用 jQuery UI 作为日期选择器。它还使用了外部样式表。一切都很好。我现在正在将这个页面模板变成一个插件,这样我就可以轻松地在多个网站上使用它,并且更容易地提取主题的默认设计。我最初在 .php 文件的头部添加了 Bootstrap JS、Bootstrap CSS、jQuery 和 jQuery UI,如下所示:

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="/chem-dry-contact/style.css" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>

我现在明白这不是链接到 WordPress 外部样式表和脚本的最佳方式,尤其不是插件。但它以前确实有效。

我能够让我所有的 html 显示为带有短代码和所有内容的插件,但看起来并不是所有的外部文件都在工作。以下是我如何使用 WordPress 的入队功能进行设置:

function add_plugin_scripts() {
wp_enqueue_script( 'jquery-3.2.1', '/wp-content/plugins/ChemDry-PriceQuote/jquery-3.2.1.js', array(), null, true);
wp_enqueue_script('bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array(), null, true);
}
add_action( 'wp_enqueue_scripts', 'add_plugin_scripts' );

function add_plugin_styles () {
wp_enqueue_style('style', '/wp-content/plugins/ChemDry-PriceQuote/style.css');
wp_enqueue_style('bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
}
add_action( 'wp_enqueue_scripts', 'add_plugin_styles' );

我的外部 CSS 工作正常,我认为我的 Bootstrap CSS 工作正常,但我认为 jquery 和 Bootstrap JS 不工作。当我将它设置为页面模板时它提供的功能不再有效,当我通过在我的页面模板版本中注释掉 jQuery 行来测试它时,我得到了与现在完全相同的结果。我确实已经尝试先注销 jquery,然后尝试重新注册它……但这也没有用。

现在我已经读到 WordPress 附带了 jQuery...但是如果我不添加它,我就无法获得我需要的功能。我在整个 Stack Overflow 中寻找答案,但我似乎无法让它发挥作用。

再次强调,这是我开发的第一个插件,因此我将不胜感激任何帮助。谢谢。

最佳答案

Wordpress 带有 jquery,您应该在语句的开头使用 JQuery 关键字而不是 $。

您也可以查看以下链接:

jquery is not defined in wordpress

not defined using JQuery

您也可以查看以下链接,让 $ 再次工作:

Using ‘$’ instead of ‘jQuery’ in WordPress

关于javascript - 无法让 jQuery CDN 为 WordPress 插件工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44394505/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com