草庐IT

jekyll-bootstrap

全部标签

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%可靠的,因为模态函数可以由不同的插件提供,但它仍然可以完成工作..

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

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

javascript - Bootstrap 导航栏事件状态不工作

我有bootstrapv3。我在navbar上使用了class="active",当我按下菜单项时它没有切换。我知道如何使用jQuery执行此操作并构建点击功能,但我认为此功能应包含在bootstrap中?那么这可能是一个JavaScript问题?这是我包含的js/css/bootstrap文件的header:这是我的导航栏代码:MyBrandHomeLinksAboutContactLogin我设置正确吗?(在不相关的说明上,但可能相关?当菜单移动时,我单击菜单按钮并折叠。再次按下它不会取消折叠。所以这个问题,与另一个,两者都可能表示错误的JavaScript设置?)