使用bootStrap模态框遇到的一个小问题；点击确定之后模态框不关闭，背景也没移除，无法操作界面

最新推荐文章于 2023-11-11 15:39:00 发布
最新推荐文章于 2023-11-11 15:39:00 发布
阅读量3.1k 收藏
点赞数
分类专栏： 个人课下总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/THG_TERCEL/article/details/99413343
版权 
$("#divAddAddress").modal('hide');
$(".modal-backdrop").remove();

我用了上面两条语句解决，第一个是用来隐藏模态框，第二个用来消除模态框背景（其中分别使用了id选择器，和class选择器）

 

咸鱼博客
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
html select 禁止修改,input和select设置为不可修改及取消不可修改
weixin_39854867的博客
06-03 5050
input和select设置为不可修改及取消不可修改。1、当需设置input和select显示为只读(不可修改)时，两者有不同的设置方法。1)input可设置为只读，在其中增加属性readonly=“readonly”;2)select没有readonly这个属性，不过可以通过disabled=“disabled”进行设置;3)其中input设置为只读时，仍可提交，而select设置为不可用时，则...
bootstrap模态框垂直居中效果
11-27
Bootstrap模态框（Modal）是网页设计中常用的一种交互元素，用于展示临时信息或进行一些交互操作，如登录、注册等。在Bootstrap框架下，模态框默认是居中的，但在某些情况下，可能由于自定义样式或者不同屏幕尺寸的...
bootstrap模态框点击遮罩层时，让模态框不关闭
贵林之恋的博客
05-17 6485
模态框默认情况，当点击遮罩层或者按下esc键时会关闭模态框，项目需求当点击的时候不关闭，自己用了两种办法解决。第一种：直接添加属性 data-backdrop="static" data-keyboard="false"<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelled
bootstrap 模态框 删除确认
shadow_zed的博客
05-01 1万+
思路： 点击删除按钮，通过jquery将删除操作的URL赋值到页面URL元素，并弹出会话框 用户点击确认，通过jquery获取URL，并发送删除请求至后台。 一、删除button [html] view plain copy   a class="btn btn-primary" onClick="delcfm('
Bootstrap开启模态框后对数据处理(标记模态框的开启与关闭状态)
weixin_30432579的博客
11-22 243
JS用全局变量标记状态，方法中动态修改全局变量以标记状态是一个重要思想。 　　需求:组合条件查询数据，查询完之后填充到模态框中，开启模态框，模态框中有组合条件查询，此时查询只需要更新模态框表格数据不需要开启模态框，也就是让模态框开启方法执行一次。 (点查询的时候只更新数据不会再次开启模态框) 　　思想:JS设置一全局变量，在手动开启模态框之后修改全局变量的值，此时调用查询方法...
Bootstrap模态窗口源码解析
08-31
Bootstrap模态窗口是网页设计中常用的交互元素，用于在用户界面上展示临时信息或执行一些操作，而无需离开当前页面。Bootstrap模态窗口基于JavaScript插件实现，它提供了丰富的功能和自定义选项，如背景遮罩层、键盘...
iframe 内的bootstrap模态框证照父页面
05-05
然而，在实际应用中，我们可能会遇到一些问题，比如当在`iframe`内部使用Bootstrap模态框时，模态框只会影响到`iframe`内的内容，而不会覆盖到父页面，这可能导致用户界面的不一致和交互问题。针对这个问题，我们...
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
08-31
Bootstrap模态框（Modal）是前端开发中常用的一个组件，它允许在页面上弹出一个交互式的对话框，常用于用户确认操作、填写表单或显示详细信息等场景。然而，在处理多层模态框（多弹窗叠加）时，可能会遇到一些问题，...
23.0 Bootstrap 框架
10-04
3. **CSS组件**：Bootstrap包含了丰富的CSS组件，如按钮、表单、导航、模态框、警告提示等，这些预定义的样式可以直接用于项目，减少了从头编写CSS的工作量。 4. **JavaScript插件**：除了基本的CSS，Bootstrap还...
JS组件Bootstrap实现弹出框和提示框效果代码
weixin_30462049的博客
06-08 624
JS组件Bootstrap实现弹出框和提示框效果代码 作者：懒得安分 字体：[增加 减小] 类型：转载 时间：2015-12-08 我要评论 这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码，对弹出框和提示框感兴趣的小伙伴们可以参考一下 前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两...
【MFC】编辑框设置固定文字显示（部分文字不可编辑）
最新发布
YHtime的博客
11-11 321
1.刚开始想做这个内容的时候，第一想法就是派生CEdit的子类，在子类中处理控件的 EN_UPDATE 事件–就是在当中判断输入的文字是否修改了你的固定文本，如果修改了则重新处理文本恢复固定文本内容在设置回编辑框。但这个方法有个问题，子控件处理EN_UPDATE事件后，父窗口就无法获取到该消息（如果父窗口不需要处理该消息的话可选择该方法）。而对于删除增加文本的内容是靠，鼠标光标位置确定的，所以在删除增加文本的时候判断鼠标光标位置去判断是否可以编辑。(2)鼠标点击移动光标事件。3.截取编辑消息方法。
BootStrap模态框内容随信息动态加载
hdjeudbd的博客
06-28 707
BootStrap模态框内容随信息动态加载 模态框显示 下面代码是显示一个模态框（我用的时候，把下面代码包含在了Java代码内，循环调用，所以需要点击详情时出现的信息有对应。） <div class="btn btn-group"> <a href="#"> <button class="btn btn-info" type="button" data-toggle="modal" data-target="#ModifyProjectModal" onclick="
html怎么设置不能修改内容,html文本框不可编辑，禁止用户修改的几种方法
weixin_39747721的博客
06-03 2629
解决思路：在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。具体步骤：方法一：设置readonly属性为true。Html代码方法二：设置disabled属性为true。Html代码方法三：在对象focus时立刻让它blur，使它无法获得焦点。Html代码提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 reado...
ant表格编辑之后显示模态框回显，表格数据丢失问题
m0_65943257的博客
10-13 273
点击编辑之后，模态窗需要回显。
Vue 中，禁止编辑的方法
coinisi_li的博客
07-04 1万+
3.使用计算属性或变量控制编辑状态：可以使用 Vue 的计算属性或数据变量来控制输入框的编辑状态。通过根据特定条件设置变量的值，可以动态地启用或禁用输入框的编辑。在 Vue 中，禁止编辑的方法：以禁止编辑输入框为例。可以与isView之类结合使用，配合展示。属性：与原生 HTML 类似，Vue 中的输入框组件也通常支持。或者，如果使用了 Element UI 的。，可以禁用输入框，并阻止用户进行编辑。属性：在 Vue 中，可以通过绑定。，即可实现禁止编辑的效果。属性来禁止编辑输入框。
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
bootStrap模态框
weixin_42673117的博客
10-29 646
1、在js文件夹里面新建bootstrap-dialog.js文件 2、粘贴下列代码 (function($) { window.Bootstrap = function() { var tipHtml = '<div id="[Id]" class="modal fade" role="dialog" aria-labelledby="modalLabel">' + '<div class="modal-dialog
bootstrap更新数据层
weixin_30670965的博客
08-02 81
mq推送数据，表格实时更新，发现销毁表格不太合适，整体表格闪动，于是选择更新数据层。 先初始化表格，然后在推送数据的时候先循环遍历数据 例如： initDevTable(data.operatingLog); for(var i=0;i<data.operatingLog.length;i++){ var logMap = {}; ...
BootStrap 模态框禁用空白处点击关闭
05-27
要禁用 Bootstrap 模态框空白处点击关闭，可以使用以下方法： 1. 使用 data-backdrop="static" 属性，在模态框 div 中添加该属性，这会阻止用户通过空白处点击关闭模态框。 ``` <!-- 模态框内容 --> ``` 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值