草庐IT

bootstrap-4

全部标签

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设置?)

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

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

javascript - 向 bootstrap 下拉列表添加滑动效果

我正在使用bootstrap,我想将动画添加到下拉列表中。我想给它添加一个动画,向下滑动并在离开时返回。我怎么能这样做?我尝试过的事情:像这样更改Js下拉文件:HowcanImakeBootstrap'snavigationdropdownslidesmoothlyupanddown? 最佳答案 如果您更新到Bootstrap3(BS3),它们会公开很多Javascript事件,这些事件很适合将您想要的功能绑定(bind)到其中。在BS3中,此代码将为您所有的下拉菜单提供您正在寻找的动画效果://AddslideDownanimat

javascript - 向 bootstrap 下拉列表添加滑动效果

我正在使用bootstrap,我想将动画添加到下拉列表中。我想给它添加一个动画,向下滑动并在离开时返回。我怎么能这样做?我尝试过的事情:像这样更改Js下拉文件:HowcanImakeBootstrap'snavigationdropdownslidesmoothlyupanddown? 最佳答案 如果您更新到Bootstrap3(BS3),它们会公开很多Javascript事件,这些事件很适合将您想要的功能绑定(bind)到其中。在BS3中,此代码将为您所有的下拉菜单提供您正在寻找的动画效果://AddslideDownanimat

javascript - Bootstrap : Open Another Modal in Modal

因此,我使用这段代码在当前打开的模态窗口中打开另一个模态窗口:Click发生的情况是,滚动条会重复500毫秒。我猜是因为当前模式仍在淡出。然而,它看起来非常不平滑和卡顿。如果有任何解决此问题的建议,我将不胜感激。还有,在onclick事件中构建这个的方式不专业吗?我正在使用Bootstrap3.0版。编辑:我想减少模态淡出的时间是必要的。这怎么可能? 最佳答案 data-dismiss使当前模态窗口强制关闭data-toggle打开一个包含href内容的新模态Click或Click如果它有效,请告诉我们。您可能还想看看ModalDo

javascript - Bootstrap : Open Another Modal in Modal

因此,我使用这段代码在当前打开的模态窗口中打开另一个模态窗口:Click发生的情况是,滚动条会重复500毫秒。我猜是因为当前模式仍在淡出。然而,它看起来非常不平滑和卡顿。如果有任何解决此问题的建议,我将不胜感激。还有,在onclick事件中构建这个的方式不专业吗?我正在使用Bootstrap3.0版。编辑:我想减少模态淡出的时间是必要的。这怎么可能? 最佳答案 data-dismiss使当前模态窗口强制关闭data-toggle打开一个包含href内容的新模态Click或Click如果它有效,请告诉我们。您可能还想看看ModalDo

javascript - TypeError : $(. ..).modal 不是 bootstrap Modal 的函数

我有一个bootstrap2.32模态,我正试图将其动态插入到另一个View的HTML中。我正在使用Codeigniter2.1。正在关注Dynamicallyinsertingabootstrapmodalpartialviewintoaview,我有:作为插入的目标div。我的View中有一个按钮,如下所示:Message我的JS有:$.ajax({type:'POST',url:"AjaxUpdate/get_modal",cache:false,success:function(data){if(data){$('#modal_target').html(data);//Thi