Javascript 通过代码触发的Elementor弹出窗口立即关闭

只是想知道是否有人有这个问题，他们是否解决了这个问题

当单击以下选择器“label[for='form-field-lampshade_shape']（是表单标签）时，我试图触发弹出窗口。弹出窗口出现一瞬间并关闭

我试着通过JS和弹出窗口高级设置中的“按选择器打开”选项来实现这一点，两者都有相同的结果；弹出窗口只是以闪烁的形式出现

JS

jQuery("label[for='form-field-lampshade_shape']").click(function() {
    elementorProFrontend.modules.popup.showPopup( { id: 24601 } );
});

通过选择器打开

---

这似乎是一个特定于标签的问题。当您单击输入字段的标签时，默认情况下闪烁的光标会跳入相关的输入字段、文本区域或选中复选框。当我将鼠标悬停在Elementor输入标签上时，光标会从箭头变为指针，因此标签上已经有了一个click事件侦听器绑定

一种解决方案是在函数（e）中添加

e.preventDefault（）

和

e：

或者在弹出窗口的“按选择器打开”处输入，例如
input[name=“form-field-lampshade\u shape”]
，假设这是正确的输入字段。现在，当单击标签或输入字段时，弹出窗口打开。
Flexy，现在完全有意义了。非常感谢您花时间解释这一点。您的
e.preventDefault（）
解决方案非常有效！我避免了将整个字段作为目标，因为这是一个解释字段的“工具提示/帮助”弹出窗口，所以我只想在用户需要了解更多信息时显示它。
jQuery( 'label[for="form-field-lampshade_shape"]' ).click( function( e ) {
    e.preventDefault();
    elementorProFrontend.modules.popup.showPopup( { id: 24601 } );
});