bootstrap模态框遇到ajax无法关闭

宫嫦冕瑜 2016-07-28 10:57:20

我想实现这样一个效果，当我点击按钮关闭模态框时，会出现一个表示加载的图片，转圈圈那种，当ajax调用数据成功时，加载图片隐藏，然后返回数据结果。
现在的问题是当我点击按钮的时候，模态框不动了，等到后台加载完成以后，才消失，返回结果，加载的图片没有生效。
怎么才能让那个加载的图片出现呢？

...全文

314 回复打赏收藏举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

1.jquery ajax的error报错：parseerror:可能变量位置不对； 2.jquery多次滥用会导致bootstrap modal弹窗关闭时，dropback依旧存在; 3.bootstrap的modal弹窗如果同时存在手动$().modal()和data-toggle="#",data-target="#",页面会出现一弹窗就消失；

Bootstrap Modals（模态框）是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富用户体验，或者为用户添加实用功能。您可以在 Modals（模态框）中使用 Popover（弹出框）和 Tooltip（工具提示插件）。在我们的实际生活中，当你打开某一个网页的时候，会弹出来一个框，那么这个框呢，目前在小编的认知中就是模态框啦，下面我们来看一下具体的代价创建一个模态框。

这个问题困扰了我好久，仍然没解决。这里只记录一下我尝试过的解决方案。

我希望在点击提交后，发起Ajax请求，在请求到正确结果后提示操作成功并关闭此模态框

Bootstrap 的模态框组件提供了一种方便的方式来在页面上弹出临时内容，如警告、表单或详细信息，而不需要离开当前页面。本教程将指导你如何设置和使用这个功能。 ## 1. 项目目录结构及介绍由于提供的链接并不是一个实际的代码库克隆，我们不能直接查看具体的目录结构。然而，一个典型的Bootstrap项目包括以下几个关键部分： - `dist/`: 包含编译好的CSS、JS和其他生产环境使用...

37,737

社区成员

34,208

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

试试用AI创作助手写篇文章吧

+ 用AI写文章