我正在我们的网站上创建一个活动页面，并集成Eventbrite结帐模式以将门票购买体验保留在我们的网站上。在用户退出模态之前，整个过程似乎运行良好。模式消失后，网站页面对滚动无响应。有什么想法吗？
这是已发布的网站，因此您可以查看嵌入的代码。单击任何“获取票证”按钮以触发Eventbrite检出模式。加载后，请尝试单击右上角的“ X”退出：
https://the-startup-story.webflow.io/events/startup-story-live-dallas
我联系了Eventbrite支持，我们尝试使用默认代码（没有任何按钮自定义设置），但不幸的是，该代码未能解决问题。
以下是此Eventbrite嵌入式结帐在其他地方效果很好的示例：
https://www.thenewparish.com/
感谢您的光临！
嵌入代码如下
<button id="eventbrite-widget-modal-trigger-136611252222" type="button">Buy Tickets</button>
<script type="text/javascript">
var exampleCallback = function() {
console.log('Order complete!');
};
window.EBWidgets.createWidget({
widgetType: 'checkout',eventId: '136611252222',modal: true,modalTriggerElementId: 'eventbrite-widget-modal-trigger-136611252222',onOrderComplete: exampleCallback
});
</script>
每个页面上可以有多个，但您需要调整某些内容以避免出现破坏滚动的错误。
主要问题是将 exampleCallback 保留为 exampleCallback，因为您将尝试触发在多个位置定义的函数
重命名每个按钮中的 exampleCallback 或删除重复的功能
此外，您应该将按钮的 id 和 modalTriggerElementId: 更改为唯一