bootstrap模态框遇到ajax无法关闭

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

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

...全文

313 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文探讨了使用jQuery AJAX时遇到的parseerror问题，并分析了可能的原因。此外，还讨论了由于多次使用jQuery导致Bootstrap模态框无法正确关闭的问题及解决方案。最后，提到了当页面上同时使用手动调用$().modal()和data-toggle属性时，模态框显示异常的情况。

本文介绍了使用Bootstrap创建模态框的方法。Bootstrap Modals由定制的Jquery插件创建，可丰富用户体验或添加实用功能，还能使用Popover和Tooltip。文中给出创建模态框的代码及解释，还提及了Bootstrap多层模态框的嵌套。

文章描述了一个在网页模态框中使用AJAX进行异步数据交互的问题。用户点击“预测编号”按钮后能正常获取数据并更新模态框内容，但若未先点击“添加信息”按钮，模态框会在数据加载后关闭。问题源于必填字段的验证，当去除或绕过验证时，模态框不会关闭。目前的临时解决方案是先添加一个空白行并填充预测的订单号。

该文章介绍了如何在JavaScript中结合jQuery和Ajax实现点击提交后发送请求。当Ajax请求成功并返回特定消息时，会显示‘操作成功’的提示，并关闭指定ID的模态框。失败时则显示‘失败’提示。,

本文介绍了Bootstrap模态框（Modal）的基本用法，包括项目结构、启动方式和必要文件的引入方法。通过HTML与JavaScript实现模态框的触发与控制，并支持响应式设计与Ajax加载。适用于前端开发者快速集成动态弹窗功能。

37,737

社区成员

34,209

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

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

+ 用AI写文章