Javascript 在HTML中集成WhatsApp JQuery

我有一个网站（），我正在尝试集成这个基于JQUERY的浮动whatsap按钮：

我添加了以下代码

在正文中：

 <script type="text/javascript">
$(function () {
    $('#myButton').floatingWhatsApp({
        phone: '+34607554218',
        popupMessage: 'Hola, como podemos ayudarte?',
        message: "Tu mensaje",
        showPopup: true,
        showOnIE: false,
        headerTitle: 'Hola!',
        headerColor: '#075E54',
        backgroundColor: '#25D366',
        buttonImage: '<img src="whatsapp.svg" />'
    });
});

$（函数（）{
$（“#我的按钮”）.floatingWhatsApp({
电话：“+34607554218”，
弹出消息：“你好，我是阿尤达特？”，
信息：“Tu mensaje”，
是的，
肖沃尼：错，
海德特尔：“你好！”，
标题颜色：“#075E54”，
背景颜色：“#25D366”，
按钮图像：“”
});
});

在标题中：

<!-- Whatsapp start-->
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="floating-wpp.css">
<script type="text/javascript" src="floating-wpp.js"></script>
<!-- Whatsapp end-->

但是，我看不到按钮。chrome检查员告诉我这一点，但我使用的文件与Github完全相同

---

非常感谢你的帮助！谢谢

我试过你的代码，效果很好，我认为你附加的脚本文件不合适 因此，您必须正确下载和使用

---

我试过你的代码，效果很好，我认为你附加的脚本文件不合适 因此，您必须正确下载和使用

---

您是否尝试过将JavaScript放在标题下方而不是标题下方？如果按钮正在处理反HTML，它将被提前加载，因为此时没有HTML。没有区别：（问题是您的页面包含超过1个jQuery版本（第40行和第592行）。您应该只使用1个版本，最好是最新版本：我写此评论时的v3.5.1。您是否尝试过将JavaScript放在标题下而不是标题下？如果按钮正在处理反HTML，则会提前加载，因为此时没有HTML。没有区别：（问题是你的页面包含超过1个jQuery版本（第40行和第592行）。你应该只使用1个版本，最好是最新版本：在我写这篇评论时使用v3.5.1。