jquery - jQuery在尝试单击任意位置时关闭模式
问题描述
jQuery 显示出不可预知的行为,以下代码显示了一个自定义模式,其中包含一个表单,但是如果我尝试单击任意位置,包括表单输入,它会调用 jQuery 函数并关闭它。我可能做错了什么?
let fecharModal = $('#fecharModal');
let conteudoModal = $('#conteudoModal');
let modal = $('#modal');
let fora = $('#fora');
$(modal).on('click', [fecharModal, fora], function () {
$(modal).hide();
$(conteudoModal).html("");
return false;
});
<div id="modal" class="fixed z-10 inset-0 overflow-y-auto hidden">
<div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
<div id="fora" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
<div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
<div class="sm:flex sm:items-start">
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" id="conteudoModal">
</div>
</div>
</div>
</div>
</div>
</div>
解决方案
推荐阅读
- azure - 使用两个不同的用户在 Docker 容器中运行两个服务
- python - 如何在 Odoo 11 上创建/导入按钮后添加按钮
- javascript - 动态添加的引导弹出窗口不起作用
- python-3.x - 循环页面,获取所有 id 并将信息提取为 Python 中的数据框
- pg-promise - ColumnSet Helpers - 仅在默认情况下使用 Raw
- php - 将“路径”(URL) 定义为父根的上一级
- node.js - VueJs 构建错误 - Vuex-orm / plugin-axios
- javascript - 在运行时从数据库设置 ToastrModule 属性角度 8
- c# - BigInteger 等效于 .NET 中的小数?
- android - Firebase 对特定活动的第二次用户身份验证