问题标签 [bootstrap-modal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
741 浏览

internet-explorer - 在 IE 中使用带有粘性页脚的 Bootstrap 3 Modal 时出现问题

我的网站使用http://getbootstrap.com/examples/sticky-footer-navbar/中描述的“粘性页脚”方法。

在使用 Bootstrap 3 Modal 时,我注意到了几个问题。一,当模态显示时,滚动位置被重置到顶部。第二,关闭模式后,折叠下方的任何内容都不再“活动” - 按钮和链接不起作用。

我的猜测是模态背景继续“覆盖”内容?

我尝试根据数据属性将模态背景设置为“false”或“static”,但无济于事。

到目前为止,这似乎只是 IE 中的问题,而不是 Chrome。

0 投票
2 回答
1350 浏览

ruby-on-rails - Rails AJAX 部分未正确呈现

我有:

在控制器中:

和:

这工作正常。myModaldiv 标签由正确的值famid填充。但我只想通过 ajax 将数据发布到控制器并查询数据库并改用@details变量。所以我尝试了:

现在我想使用如下@details变量:

我怎么做?

更新: 好的,我做了以下事情,一切正常(感谢@Rich 和@NitinJ),除了部分。它没有正确渲染。

地图.js.erb

_details.html.erb

地图.html.erb

更新

现在部分在浏览器控制台中正确呈现。我可以看到#myModaldiv 被正确填充。但它仅显示在浏览器控制台中,而不显示在map.html.erb页面上。这里有什么问题?

0 投票
0 回答
734 浏览

javascript - 属性 width="-3364.67"的负值无效

Raphael JS library在 Chrome 和 Safari 中使用了一些错误

元素属性 -value 的负值无效

也许有人有这种情况,可以给我一些建议。

提前 THX

问题在 Raphael.js 的第 6153 和 6175 行

0 投票
1 回答
665 浏览

javascript - 仅提交第一次 knockout.js 和 bootstrap modal

我有问题,knockout.js 和引导模式。在按钮上单击我打开引导模式,用于创建新城市。然后我提交表单并保存在基础中。问题是因为提交只在第一次工作。之后它不起作用。这是它的样子

.html 文件

js文件

0 投票
1 回答
4394 浏览

jquery - 使用 jQuery 和 Ajax 启动 Bootstrap Modal 后多次发生单击事件处理程序

我设计了一个简单的模式,当用户尝试删除任何实体时,它的工作方式类似于 JavaScript 确认。当用户单击“删除”图标时,在该图标的单击事件上会启动以下模式。

在此处输入图像描述

如果用户单击“是”,则会发送一个 ajax 请求以删除该项目。当发送第一个 ajax 请求时,它工作得很好。但是当用户再次尝试执行相同的操作时,它会发送两个请求,依此类推以进行下一次尝试。我不知道出了什么问题。

这是我的“删除图标”HTML:

对于模态:

这是我的 JavaScript:

});

0 投票
1 回答
2423 浏览

twitter-bootstrap - 带有标签动态位置/高度的引导模式

我正在使用 jschr 引导模态插件 ( https://github.com/jschr/bootstrap-modal ) 在我的网站上创建模态。首先,我喜欢这个插件,它让模态框做我希望它做的所有很酷的事情,但是我以以下方式使用模态框,这并不能完全满足我的要求:

基本上,当模态包含选项卡时,我想在模态上实现动态位置。因此,在下面的示例中,模式当前将始终设置为@第一个活动选项卡的位置,而不管附加选项卡中内容的长度如何。基本上,我所追求的是,​​当标签更改模式以重新定位的情况下,它的新高度...关于如何实现这一目标的任何想法?

JSFiddle:我添加了一个小提琴,你可以在这里找到:http: //jsfiddle.net/valvemail/ML6Xp/3/

不幸的是,这不能很好地代表我正在做的事情,因为模式打开停靠在小提琴浏览器窗口的顶部……所以,在小提琴中,高度是动态的,但位置不是……

谢谢!

0 投票
0 回答
359 浏览

asp.net-mvc - 如何使用验证启动引导模式登录?

我有一个登录模式,它是一个局部视图,然后我可以弹出窗口让用户随时登录。下面是它的样子。

但是现在,我发现它会在单击登录按钮并关闭窗口时提交表单,这不是我想要的,然后我添加如下 jquery 代码来手动提交表单。但是如果在这种情况下,我无法从服务器获取信息返回以进行验证,我该如何使用提交表单而不是关闭模式来修复它?

0 投票
3 回答
8911 浏览

twitter-bootstrap - 引导模式不阻止下面的内容

我正在使用引导程序显示一个简单的模态窗口,由于某种原因,尽管模态没有阻止它下面的任何内容,所以即使模态显示,我仍然可以单击、编写和做任何我想做的事情。任何人都知道如何更改它,以便它实际上阻止所有其他内容?
这就是这个例子的所有代码(没有 js 文件或什么都没有):

结果如下:

结果

我包含了引导 css 和 js 文件,鉴于下面的示例,即使模式正在显示,我仍然可以看到文本框...

0 投票
2 回答
26454 浏览

javascript - Angular UI-Router 在 url 更改时打开模式窗口

我在我的项目中使用 angular-ui-router 和 angular-bootstrap。

我想实现以下用例:

当用户单击“编辑”按钮时,UI-Router 更改 URL 并打开模式窗口。当我通过单击浏览器的后退按钮返回时,模式窗口正在关闭。

如果用户在打开模态窗口时重新加载页面,应用程序应在主 ui-view 容器中呈现模态窗口内容。

您可以在此父亲上看到此用例: http: //canopy.co/(尝试单击项目并重新加载页面)

问题:如何实现上述行为?

这是我的 jsFiddle http://jsfiddle.net/sloot/ceWqw/3/

0 投票
1 回答
1225 浏览

javascript - 通过Javascript设置隐藏字段值

如何< a >为设置隐藏字段的 Javascript 函数 Javascript 传递标签的 USER_ID?

我尝试了 Javascript 函数showConfirm(),但没有填充隐藏字段。它保持为空......我认为 field 的 onClick 属性deleteid写错了。

我想用 javascript 填写这个字段。我怎样才能?

错误消息说

您的 SQL 语法有错误;检查与您的 MySQL 服务器版本相对应的手册,以在第 1 行的 '' 附近使用正确的语法

可能是因为隐藏字段"id_action"没有接收到函数的数据。

无论如何,主要问题是showConfirm通过参数'show', $row['id']为隐藏字段设置功能id_action

这是我从查询中生成的 SQL