在Firefox和IE上进行模态工作，但对chrome不做

Question

不知道为什么我的模态无法在Chrome中使用。 单击后，仅显示背景的褪色背景和chrome dev工具在前后同时加载，并且两者之间没有内容。

这里的codepen：codepen.io/tnguyenbco/pen/BLjGbV

我点击链接，将模态主体与另一个HTML链接并弹出

CSS如下：

.modal{background:rgba(45,160,224,0.95);}
.modal-dialog{width:auto;
margin:0;}
.modal.fade .modal-dialog, .modal.in .modal-dialog {transform: none;}
.modal-backdrop.in{opacity:0;}

#myModal .modal-content {
border: 0;
border-radius: 0;
box-shadow: none;
padding: 81px 0;
background:none;
color:#ffffff;

}

.modal-title{margin-bottom:16px;
font-weight:700;}

.exit-modal{
font-size:48px;
text-align:right;
line-height: 1;
margin-bottom:24px;}

和HTML链接模态是

<a href="service-1-modal.html" data-toggle="modal" data-target="#myModal">

Answer 1

我想我明白了。 当我从外部html文件链接自己的模式时，Chrome似乎阻止了跨源请求。 经过heroku测试，可以正常工作。

谢谢大家