草庐IT

$bootstrap

全部标签

javascript - 在 Bootstrap 模式打开时调用函数

我曾经使用jQueryUI的对话框,它有open选项,您可以在其中指定一些Javascript代码在对话框打开后执行。我会使用该选项使用我拥有的功能选择对话框中的文本。现在我想使用Bootstrap的模式来做到这一点。下面是HTML代码:×Modalheaderprint'HelloWorld'至于打开模态的按钮:Displaycode我尝试使用按钮的onclick监听器,但是在模态出现之前显示了警报消息:$(".code-dialog").click(function(){alert("Iwantthistoappearafterthemodalhasopened!");

javascript - 使 Bootstrap 弹出框在悬停而不是单击时出现/消失

我正在使用Bootstrap的Popover构建网站而且我不知道如何让弹出框出现在悬停而不是点击上。我想要做的就是当有人将鼠标悬停在链接上而不是点击它时出现一个弹出框,并且当他们离开时弹出框消失。文档说可以使用data属性或jquery。我宁愿用jquery来做,因为我有多个弹出窗口。 最佳答案 将弹出框的trigger选项设置为hover,而不是click,即default一个。这可以使用标记中的任一data-*属性来完成:Popover或者使用初始化选项:$("#popover").popover({trigger:"hover

javascript - 使 Bootstrap 弹出框在悬停而不是单击时出现/消失

我正在使用Bootstrap的Popover构建网站而且我不知道如何让弹出框出现在悬停而不是点击上。我想要做的就是当有人将鼠标悬停在链接上而不是点击它时出现一个弹出框,并且当他们离开时弹出框消失。文档说可以使用data属性或jquery。我宁愿用jquery来做,因为我有多个弹出窗口。 最佳答案 将弹出框的trigger选项设置为hover,而不是click,即default一个。这可以使用标记中的任一data-*属性来完成:Popover或者使用初始化选项:$("#popover").popover({trigger:"hover

javascript - 如何修复错误; 'Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)'

我使用的是BootstrapV4,控制台中记录了以下错误;Error:BootstraptooltipsrequireTether(http://github.hubspot.com/tether/)我尝试通过安装Tether来消除错误,但没有成功。我已经通过包含以下代码行“安装”了Tether;我是否正确“安装”了系绳?谁能帮我消除这个错误?如果您想查看我网站上的错误,请点击here并加载您的控制台。 最佳答案 对于Bootstrap4稳定版:由于测试版Bootstrap4不依赖于Tether而是Popper.js。所有脚本(必须

javascript - 如何修复错误; 'Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)'

我使用的是BootstrapV4,控制台中记录了以下错误;Error:BootstraptooltipsrequireTether(http://github.hubspot.com/tether/)我尝试通过安装Tether来消除错误,但没有成功。我已经通过包含以下代码行“安装”了Tether;我是否正确“安装”了系绳?谁能帮我消除这个错误?如果您想查看我网站上的错误,请点击here并加载您的控制台。 最佳答案 对于Bootstrap4稳定版:由于测试版Bootstrap4不依赖于Tether而是Popper.js。所有脚本(必须

javascript - 垂直居中的 Bootstrap 模态窗口

我想将我的模态集中在视口(viewport)上(中间)我尝试添加一些css属性.modal{position:fixed;top:50%;left:50%;}我正在使用这个示例http://jsfiddle.net/rniemeyer/Wjjnd/我试过了$("#MyModal").modal('show').css({'margin-top':function(){return-($(this).height()/2);},'margin-left':function(){return-($(this).width()/2);}}) 最佳答案

javascript - 垂直居中的 Bootstrap 模态窗口

我想将我的模态集中在视口(viewport)上(中间)我尝试添加一些css属性.modal{position:fixed;top:50%;left:50%;}我正在使用这个示例http://jsfiddle.net/rniemeyer/Wjjnd/我试过了$("#MyModal").modal('show').css({'margin-top':function(){return-($(this).height()/2);},'margin-left':function(){return-($(this).width()/2);}}) 最佳答案

javascript - Twitter Bootstrap vs jQuery UI?

就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter寻求指导。关闭9年前。我一直在使用jQueryUI进行一些基本的页面增强。按钮和输入样式和模式对话框。现在我遇到了Bootstrap,它看起来还不错。有没有人从使用jQueryUI到Bootstrap的经验?这是我想做的事情,但在我这样做之前,我想知道我可能面临哪些问题。 最佳答案 我有几个项目。我认为最大的不同jQue

javascript - Twitter Bootstrap vs jQuery UI?

就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter寻求指导。关闭9年前。我一直在使用jQueryUI进行一些基本的页面增强。按钮和输入样式和模式对话框。现在我遇到了Bootstrap,它看起来还不错。有没有人从使用jQueryUI到Bootstrap的经验?这是我想做的事情,但在我这样做之前,我想知道我可能面临哪些问题。 最佳答案 我有几个项目。我认为最大的不同jQue

javascript - 在 Twitter 的 Bootstrap 中禁用按钮的最佳方法

这个问题在这里已经有了答案:Whatistheeasiestwaytodisable/enablebuttonsandlinks(jQuery+Bootstrap)(16个答案)关闭8年前。在禁用、或带有类的元素时我很困惑:.btn或.btn-primary,带有JavaScript/jQuery。我使用了以下代码片段:$('button').addClass('btn-disabled');$('button').attr('disabled','disabled');$('button').prop('disabled',true);所以,如果我只是向我的元素提供$('button