白日放歌须纵酒,青春作伴好还乡。这篇文章主要讲述以HTML集成WhatsApp jQuery相关的知识,希望能为你提供帮助。
我有一个网站(https://fasty.me),我正在尝试集成基于JQUERY的浮动whatsap按钮:https://github.com/rafaelbotazini/floating-whatsapp。
我添加了以下代码
在正文中:
<
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="https://www.songbingjia.com/android/whatsapp.svg" />
'
});
});
在标题中:
<
!-- Whatsapp start-->
<
script type="text/javascript" src="https://www.songbingjia.com/android/jquery-3.3.1.min.js">
<
/script>
<
link rel="stylesheet" href="https://www.songbingjia.com/android/floating-wpp.css">
<
script type="text/javascript" src="https://www.songbingjia.com/android/floating-wpp.js">
<
/script>
<
!-- Whatsapp end-->
但是,我看不到按钮。镀铬检查器告诉我这一点,但是我使用的是与Github完全相同的文件...
enter image description here
非常感谢您的帮助!谢谢
答案我尝试了您的代码工作正常,我认为您附加的脚本文件不正确因此您必须正确下载和使用。
【以HTML集成WhatsApp jQuery】
文章图片
推荐阅读
- 为什么我的android studio 3.5.3中缺少“ app”文件夹
- [在新计算机上运行项目或删除数据库文件夹时,未在Android Studio中创建SQLite数据库
- 文件的目录查找失败…在操作系统中。 …找不到App_Data /…mdf
- Github页面和React App不管使用什么方法都无法工作
- 如何使用Android的Camera2 API
- 为什么Android测试运行器报告“空测试套件”()
- 如何在Android应用程序中启用TLS 1.2支持(在Android 4.1 JB上运行)
- Android游戏(Canvas还是OpenGL())
- “画布(Android Studio中试图绘制太大的位图”问题)