草庐IT

Bootstrap5

全部标签

javascript - Bootstrap 模式对话框中的谷歌地图自动完成结果

我在TwitterBootstrap模态对话框中有一个Googlemap自动完成输入字段,但未显示自动完成结果。但是,如果我按下向下箭头键,它会选择下一个自动完成结果,因此自动完成代码似乎可以正常工作,只是结果显示不正确。也许它隐藏在模态对话框后面?截图如下:在自动完成字段中输入内容不会产生任何结果按向下箭头键给出第一个结果和代码:×Carialamat:CloseSavechanges$("#map_modal").modal({show:false}).on("shown",function(){varmap_options={center:newgoogle.maps.LatLn

javascript - 如何为 Bootstrap 的 scroll spy 函数添加平滑滚动

一段时间以来,我一直在尝试向我的网站添加平滑滚动功能,但似乎无法正常工作。这是与我的导航相关的HTML代码:HomeServicesContact这是我添加的JS代码:$(document).ready(function(e){$('#nav').scrollSpy()$('#navullia').bind('click',function(e){e.preventDefault();target=this.hash;console.log(target);$.scrollTo(target,1000);});});物有所值,here是我收到到目前为止所做工作的信息的地方,here是我

javascript - 如何为 Bootstrap 的 scroll spy 函数添加平滑滚动

一段时间以来,我一直在尝试向我的网站添加平滑滚动功能,但似乎无法正常工作。这是与我的导航相关的HTML代码:HomeServicesContact这是我添加的JS代码:$(document).ready(function(e){$('#nav').scrollSpy()$('#navullia').bind('click',function(e){e.preventDefault();target=this.hash;console.log(target);$.scrollTo(target,1000);});});物有所值,here是我收到到目前为止所做工作的信息的地方,here是我

javascript - 使用 Bootstrap 轮播脚本无法读取未定义的属性 'offsetWidth'

我用Bootstrap3.3创建了一个carousel它可以在我的本地机器上运行,但是当我将整个东西上传到正在编译bootstrapjs文件的服务器上时将其他文件放在一个文件中,我收到此错误:Cannotreadproperty'offsetWidth'ofundefined-有人遇到过这个问题吗?这个问题有什么已知的解决方案吗? 最佳答案 对我来说,这是因为我没有在任何幻灯片上设置active类。 关于javascript-使用Bootstrap轮播脚本无法读取未定义的属性'offse

javascript - 使用 Bootstrap 轮播脚本无法读取未定义的属性 'offsetWidth'

我用Bootstrap3.3创建了一个carousel它可以在我的本地机器上运行,但是当我将整个东西上传到正在编译bootstrapjs文件的服务器上时将其他文件放在一个文件中,我收到此错误:Cannotreadproperty'offsetWidth'ofundefined-有人遇到过这个问题吗?这个问题有什么已知的解决方案吗? 最佳答案 对我来说,这是因为我没有在任何幻灯片上设置active类。 关于javascript-使用Bootstrap轮播脚本无法读取未定义的属性'offse

javascript - Bootstrap 的工具提示在悬停时将表格单元格向右移动一点

我正在为我的元素使用Bootstrap3.1.1。我表格中的每个单元格都包含类似000的数据或111.悬停时,我想将此数据显示为工具提示。到目前为止,这有效。但是,当我将鼠标悬停在上时,所有相邻的单元格都向右移动。Here'smyJSFiddle PÇ1PÇ2PÇ3PÇ4ÖÇ1    ÖÇ2    ÖÇ3     最佳答案 您必须按照文档添加data-container="body"。 http

javascript - Bootstrap 的工具提示在悬停时将表格单元格向右移动一点

我正在为我的元素使用Bootstrap3.1.1。我表格中的每个单元格都包含类似000的数据或111.悬停时,我想将此数据显示为工具提示。到目前为止,这有效。但是,当我将鼠标悬停在上时,所有相邻的单元格都向右移动。Here'smyJSFiddle PÇ1PÇ2PÇ3PÇ4ÖÇ1    ÖÇ2    ÖÇ3     最佳答案 您必须按照文档添加data-container="body"。 http

javascript - Bootstrap 模式删除滚动条

当我在页面中触发模态视图时,它会触发滚动条消失。这是一个令人讨厌的效果,因为当模态移入/消失时背景页面开始移动。这种影响有治愈方法吗? 最佳答案 这是一项功能,类modal-open会在您显示模式时添加到HTMLbody中,并在您隐藏它时被删除。这使得滚动条消失,因为bootstrapcss说.modal-open{overflow:hidden;}您可以通过指定来覆盖它.modal-open{overflow:scroll;}在您自己的css中。 关于javascript-Bootst

javascript - Bootstrap 模式删除滚动条

当我在页面中触发模态视图时,它会触发滚动条消失。这是一个令人讨厌的效果,因为当模态移入/消失时背景页面开始移动。这种影响有治愈方法吗? 最佳答案 这是一项功能,类modal-open会在您显示模式时添加到HTMLbody中,并在您隐藏它时被删除。这使得滚动条消失,因为bootstrapcss说.modal-open{overflow:hidden;}您可以通过指定来覆盖它.modal-open{overflow:scroll;}在您自己的css中。 关于javascript-Bootst

javascript - 如何检查是否加载了 Twitter Bootstrap ?

我如何检查页面上是否加载了bootstrap.js文件(bootstrap.js文件本身可能被编译/缩小为另一个更大的JS文件)? 最佳答案 您需要做的只是检查是否有特定于Bootstrap的方法可用。我将在此示例中使用模态(适用于Bootstrap2-4)://Willbetrueifbootstrapisloaded,falseotherwisevarbootstrap_enabled=(typeof$().modal=='function');它显然不是100%可靠的,因为模态函数可以由不同的插件提供,但它仍然可以完成工作..