帮助编辑客户端的WordPress网站，该网站使用UIkit作为框架。他们要求在点击指向外部网站的链接时出现一个弹出模式窗口。UIkit的内置模式功能让这一切变得轻而易举。唯一的问题是当使用target="_空白"；属性，则目标在新的浏览器选项卡中成功打开，但模式窗口仍处于打开状态。如果用户选择保留在页面上，希望它在单击链接后自动关闭。下面是一个代码示例：
<div id="external-link-modal-nas1" uk-modal="">
<div class="uk-modal-dialog uk-margin-auto-vertical uk-modal-body">
<a class="uk-button uk-button-primary" href="www.link.com" target="_blank" rel="noopener">Yes, I want to leave the site</a>
</div>
</div>
一直在使用UIkit文档作为参考：https://getuikit.com/docs/modal
我可以在那里看到我需要什么来实现所需的结果(例如，"beforehide"事件(，但我还无法弄清楚如何在代码中正确实现它。
如有意见或见解，不胜感激。
将带有模态目标的uk toggle属性添加到Popup中的链接中。在您的示例中，添加uk toggle="目标：#external-link-modal-nas1">链接。切换会更改图元的可见性，请在此处查找详细信息：https://getuikit.com/docs/toggle
编辑的代码示例：
<div id="external-link-modal-nas1" uk-modal="">
<div class="uk-modal-dialog uk-margin-auto-vertical uk-modal-body">
<a class="uk-button uk-button-primary" href="www.link.com" target="_blank" rel="noopener" uk-toggle="target: #external-link-modal-nas1">Yes, I want to leave the site</a>
</div>
</div>