弹出式html未加载

Question

我想嵌入以下代码，该代码应该生成一个" Book a call ";按钮，点击后，日历弹出应该出现。

按钮出现，但当我点击按钮时，日历不加载。

你知道怎么回事吗?

.calendly-widget {
background-color: black;
color: white;
padding: 10px;
border-radius: 50px;
margin-top: 30px;
display: block;
width: 150px;
text-align: center;
font-size: 18px;
font-family: sans-serif;
text-decoration: none;
}

<!-- Calendly link widget begin -->
<link href=" https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src=" https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script><a href="" class="calendly-widget" onclick="Calendly.initPopupWidget({url:" https://calendly.com/simpla-worfklows-hannahm/30min "});return false;">Book a call</a>

Answer 1

尝试在onclickhandler属性中使用单引号(')，如下所示:

<a href="" class="calendly-widget" 
onclick="Calendly.initPopupWidget({url: 'https://calendly.com/simpla-worfklows-hannahm/30min'}); return false;"

.calendly-widget {
background-color: black;
color: white;
padding: 10px;
border-radius: 50px;
margin-top: 30px;
display: block;
width: 150px;
text-align: center;
font-size: 18px;
font-family: sans-serif;
text-decoration: none;
}

<!-- Calendly link widget begin -->
<link href=" https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src=" https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script><a href="" class="calendly-widget" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/simpla-worfklows-hannahm/30min'});return false;">Book a call</a>