Javascript 引导模式不会出现，即使它是直接拷贝

我在我的网站上有一个用于潜在客户表单的模式cta。我想为我的网站的不同部分创建一个新页面，所以我只是复制了我制作的引导模式，并将其放在我网站的另一部分。但当我去点击按钮时，什么也没发生。这很奇怪，因为我只是直接从我的主页上复制了它，我唯一更改的是数据目标和id。我在这里做错了什么

阳光家居能源解决方案
能源效率和家庭绝缘服务
获得免费的能源效率报价




















推荐书
我昨天的能源消耗比前一天减少了大约30%。昨天早上，考虑到Shine Home Energy Services使我的整个阁楼隔热，这可不是巧合☺☺☺☺

坎迪斯白
你们都接受了前一个承包商留下的糟糕情况，在没有对他们粗鲁的情况下，你们非常有礼貌地解释说我们没有得到我们需要的东西，但你们向我们保证，当你们都完成后，我们会对成品感到满意

对于阅读本文的任何未来客户，我很乐意推荐您欢迎这些优秀的人来到您的家中，通过他们提供的所有步骤，让您自己进入一个更便宜的公用事业的未来

唐威尔金森
常见问题






获得免费的能源效率报价
×
tr，td{
填充：6px；
边界间距：0px；
边框宽度：0px；
}
看看Solar是否适合你
你是怎么发现我们的？

选择一个
无线电
电视
脸谱网
朋友/家人
谷歌
报纸
其他
名字*

姓氏*

电子邮件*

电话*

Zip*

.加载器，
加载器：之后{
边界半径：50%；
宽度：3em；
高度：3em；
}
.加载器{
保证金：0自动；
字体大小：10px；
位置：相对位置；
文本缩进：-9999em；
边框顶部：.6em实心#f58733；
右边框：.6em实心#f58733；
边框底部：.6em实心#f58733；
左边框：.6em实心#ffffff；
-webkit转换：translateZ（0）；
-ms变换：translateZ（0）；
变换：translateZ（0）；
-webkit动画：load8.8s无限线性；
动画：加载8.8s无限线性；
}
@-webkit关键帧加载8{
0% {
-webkit变换：旋转（0度）；
变换：旋转（0度）；
}
100% {
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}
}
@关键帧加载8{
0% {
-webkit变换：旋转（0度）；
变换：旋转（0度）；
}
100% {
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}
}
var googleOption=document.querySelector（'option[value=Google]'）；
var popUpDropDown=document.querySelector（'select[name=Lead\u Source2]”）；
var disabledOption=document.querySelector（'option[disabled]'）；
var funnelForm=document.getElementById（“获取日光测试”）；
漏斗形。添加的EventListener（“提交”，函数（e）{
e、 预防默认值（）；
document.getElementById（“SubmitCatScheduleCallButton”）.style.display=“无”；
document.getElementById（“waitForLoad”）.classList.add（“loader”）；
var数据={lp_campaign_id:“59a5d339af0b3”，lp_campaign_键：“bDFYBhdxMqQnTywZfPJK”，Lead_Source2:，firstName:，lastName:，email:，phone:，zip:，vendorName:”}；
data.Lead\u Source2=document.querySelector（“选择[name=Lead\u Source2]”）。值；
data.firstName=document.getElementById（“first_name”）.value；
data.lastName=document.getElementById（“姓氏”）.value；
data.email=document.getElementById（“电子邮件地址”）.value；
data.phone=document.getElementById（“手机”）值；
data.zip=document.getElementById（“邮政编码”）.value；
如果（data.Lead_Source2==“谷歌”）{
data.vendorName=“Google\u Adwords”；
}否则{
data.vendorName=“shinesolar.com”；
}
如果（data.phone.length==10）{
data.phone=“1”+data.phone；
}
data.firstName=data.firstName.trim（）；
data.lastName=data.lastName.trim（）；
ga（“发送”、“事件”、“表格”、“提交”、“CTA表格跳弹”、“0”）；
var ajax=new-XMLHttpRequest（）；
打开（“POST”https://ricochet.me/api/v4/leads?page3");
setRequestHeader（“内容类型”、“应用程序/json”）；
setRequestHeader（“X-Auth-Token”，“9d1869ccb75b8b8ea138bed4bf2u0412d”）；
send（JSON.stringify（data））；
ajax.onload=function（）{
var responseFromRicochet=JSON.parse（this.response）；
if（响应跳弹状态）{
window.location=”https://homework.shinesolar.com";
}否则{
var alertRequest=new XMLHttpRequest（）；
alertRequest.open（“POST”https://shinesolar.com/api/website-form-down-alert/");
setRequestHeader（“内容类型”、“应用程序/json”）；
alertRequest.send（this.response）；
alertRequest.onload=函数（）{
console.log（this.response）；
}
}
}
});

我认为您错过了模态

id

值之前的

数据目标

属性中的

实际：

data target='ee-cta-call'

---

预期：

data target='#ee cta call'

您是否将

jQuery

和

bootstrap.css

包含在新页面上？如果是这样的话，你会把它们包括两次吗？@StaticBeagle是的，它们包括在内。我不这么认为