javascript - 无法在加载的模态中触发点击事件

Question

因此，我将部分 View 渲染为 bs 模态，其中有文件输入，我希望在显示模态时立即打开该文件。我已经尝试了很多很多方法让它发挥作用，但它一直在抵制:)也许有人知道问题出在哪里。

这是我的 View JS:

$(function() {
    $(document).off('shown.bs.modal', '#js-edit-avatar-modal');
    $(document).on('shown.bs.modal', '#js-edit-avatar-modal',
        function() {
            console.log($('#browse-btn'));
            $('#browse-btn').click();
        });
});

模态输入:

<label id="browse-btn" class="btn btn-sm btn-primary">
                @ApplicationStrings.BrowseText
                <input type="file" name="image" id="image" onchange="readUrl(this);" style="display: none" />
            </label>

这是控制台:

第一个是通过

触发的

console.log($('#browse-btn'));

另外两个是我手动输入的，第二个显示它返回相同的对象，第三个正确打开输入对话框。

我尝试过:删除 display:none，使用 $('#browse-btn').trigger('click'); 将事件更改为 show.bs.modal，设置 2 秒延迟显示模式后触发单击事件，尝试触发另一个仅具有日志记录功能的按钮，仍然不起作用。 也许有一些安全限制来自动调用隐藏按钮上的点击事件？但是当我让它可见时，它仍然不起作用，并且输入完全相同

$('#browse-btn').click();

在控制台中始终有效。

如有任何信息，我们将不胜感激。

Answer 1

您能否尝试使用以下代码并让我知道是否有效。

$('#browse-btn').trigger("click");