在按钮单击 Elementor 时关闭模式

Posted

技术标签:

【中文标题】在按钮单击 Elementor 时关闭模式【英文标题】:Close modal on button click Elementor 【发布时间】:2021-12-26 03:04:11 【问题描述】:

我希望你今天过得愉快。 我正在使用以下菜单:

我正在使用的网站是一个单页,我需要在单击任何用作不同部分(由 ID 引用)的锚点的按钮时,它们也会关闭此弹出窗口。知道怎么做吗? JS和jQuery我都可以完美地工作,我对这些技术了如指掌。

感谢您阅读并抽出宝贵时间。我等待你的回应。问候。

【问题讨论】:

您好,欢迎来到 ***。抱歉,SO 不是代码编写或辅导服务。我们可以帮助解决具体的技术问题,而不是对代码或建议的开放式请求。请编辑您的问题以显示meta.***.com/questions/260648/…,以及您需要帮助的具体问题。请参阅***.com/help/how-to-ask 页面,详细了解如何最好地帮助我们。 【参考方案1】:

我有这个为我工作:

为弹出窗口上的按钮添加一个额外的“关闭弹出窗口”类

使用以下内容将 HMTL 小部件添加到您的弹出窗口中

<script> 
  jQuery( document ).ready( function( $ ) 
  $( document ).on( 'click', '.close-popup', function( event ) 
      elementorProFrontend.modules.popup.closePopup( , event );
    );
  );
</script>

我希望能够为此获得功劳,但它转到shilo-ey

【讨论】:

以上是关于在按钮单击 Elementor 时关闭模式的主要内容,如果未能解决你的问题,请参考以下文章

单击按钮上的关闭模式反应本机

单击对话框内的asp按钮时,如何防止关闭jQuery模式对话框?

防止在外部单击时以弹出模式关闭单元格编辑器

在 Bootstrap 模式窗口中单击 Enter 并点击提交按钮时提交表单数据

MUI ClickAwayListener 单击时关闭模式本身(React.Js)

提交后如何关闭引导模式?