安装 MailChimp 弹出 js 时出现未捕获错误：引导工具提示需要 Tether 和未捕获 ReferenceError：未定义 Cookie答案

【问题标题】：When installing MailChimp pop-up js I get Uncaught Error: Bootstrap tooltips require Tether and Uncaught ReferenceError: Cookies is not defined安装 MailChimp 弹出 js 时出现未捕获错误：引导工具提示需要 Tether 和未捕获 ReferenceError：未定义 Cookie
【发布时间】：2023-03-25 05:26:01
【问题描述】：

使用 Wordpress 和 Understrap。当我安装代码时：

<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-
forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false">
</script><script type="text/javascript">require(["mojo/signup-
forms/Loader"], function(L) { L.start({"baseUrl":"mc.us1.list-
manage.com","uuid":"5792cac24346d164eb0cf6ad2","lid":"c1462a4600"}) })
</script>

这有效并为电子邮件订阅创建弹出窗口我收到错误：

theme.min.js?ver=0.5.7:2 Uncaught Error: Bootstrap tooltips require Tether 
(http://tether.io/)
    at theme.min.js?ver=0.5.7:2
    at theme.min.js?ver=0.5.7:3
    at theme.min.js?ver=0.5.7:3
(anonymous) @ theme.min.js?ver=0.5.7:2
(anonymous) @ theme.min.js?ver=0.5.7:3
(anonymous) @ theme.min.js?ver=0.5.7:3

和：

woocommerce.min.js?ver=3.2.6:1 Uncaught ReferenceError: Cookies is not 
defined
    at HTMLDocument.<anonymous> (woocommerce.min.js?ver=3.2.6:1)
    at i (jquery.js?ver=1.12.4:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
    at Function.ready (jquery.js?ver=1.12.4:2)
    at HTMLDocument.K (jquery.js?ver=1.12.4:2)

我的主题中使用的 js 和 ajax 不再适用于页面。如果你去 REMOVED 你会看到我使用了 ajax 和 js，所以当你点击艺术家图标时，它会显示系列，然后是链接到产品页面的产品。一旦我安装了 MailChimp 弹出代码，ajax 或 js 都不起作用，所以如果你点击图标，什么都不会发生。

我的 theme.js 文件一直包含 Tether 1.4 并且在 Bootstrap 之前。

我该怎么办？

【问题讨论】：

标签： javascript jquery wordpress twitter-bootstrap mailchimp

【解决方案1】：

当您在 WordPress 实现中安装 MailChimp 代码时，通过指定一个非常大的 priority，确保它最终被放置在页脚的最后。

像这样：

add_action( 'wp_footer', 'so_48236002', PHP_INT_MAX );

function so_48236002() { ?>
<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us1.list-manage.com","uuid":"5792cac24346d164eb0cf6ad2","lid":"c1462a4600"}) })</script>
<?php }

请注意，PHP_INT_MAX 常量非常大。建议您进行相应设置。 ;)

【讨论】：