草庐IT

ratchet-bootstrap

全部标签

javascript - 如果只有一个 slider ,则隐藏 Twitter Bootstrap 左右箭头

如果只有一个slider存在,我一直在尝试隐藏BootstrapCarousel左右按钮,但似乎无法使其正常工作。我试过了if($('.carousel-innerdiv').length===1){$(this).find('.controls.carousel-control').hide();}和if($('.carousel-inner.item').is(':only-child')){$(this).find('.controls.carousel-control').hide();没有任何运气。为什么这两个都不起作用有什么特别的原因吗?控制台为.length返回正确数量的

javascript - Bootstrap 在调整大小时动态添加

我有一个100%高度的div,它下面有一个导航,下面还有更多内容。当用户滚动通过导航时,它会停留在页面顶部,当用户返回到100%高度的div时,导航会被留在后面。由于div是100%高度,因此导航的“data-offset-top”需要动态更改。下面的代码适用于:$('#navigation').affix({offset:{top:$('#hero').height()}});但是,当我调整页面大小时,偏移量的值不会重新添加到偏移量中。以下代码检查页面高度是否发生变化,然后将新高度提供给data-offset-top但它没有`函数affixChange(){$('#navigatio

javascript - 如何在一分钟后自动关闭 Bootstrap 模式对话框

我在我的一个项目中使用Bootstrap模式。我正在使用定时器功能来自动显示Bootstrap模式。如果用户在一分钟内没有关闭Bootstrap模式。然后它会自动需要关闭Bootstrap模式。如何设置自动关闭bootstrapmodal的定时器?请帮我解决这个问题。提前致谢:)varmins;varsecs;functioncd(){mins=1*m("");secs=0+s(":");//changesecondshere(alwaysaddanadditionalsecondtoyourtotal)console.log(mins);console.log(secs);redo(

javascript - Bootstrap 日期选择器和 Bootstrap 验证器

我正在使用来自here的Bootstrap日期选择器和来自here的Bootstrap验证器.我也在使用bootstrapv3.1.1。从日期选择器中选择日期后,验证器没有反应。它只在我使用键盘输入日期时起作用。这是我的HTML代码:在我添加的.js文件中:$(document).ready(function(){$('.datepicker').datepicker();)};对于验证器:$(document).ready(function(){$('#myForm').bootstrapValidator({feedbackIcons:{valid:'glyphiconglyphi

javascript - Bootstrap 移动菜单图标更改为 x 关闭

编辑@zim答案使用2020CSS轻松解决问题,更好地适用于Bootstrap4。原始问题和选择的答案仍然有效且信息量很大。原始问题我希望,在移动View中,菜单图标(在Bootstrap基本导航栏示例中使用类icon-bar定义)更改为X形状(类似于此处发生的情况:https://www.mint.com但不那么花哨(我只想用X替换3条条纹)。目前我正在使用自定义id:#ChangeToggleTogglenavigation连同以下javascript函数(我知道它很基本,但我是新手):$('#ChangeToggle').click(function(){if($('#Chang

javascript - 从 Bootstrap Timepicker 获取时间

我正在尝试从BootstrapTimepicker中获取时间使用getTime功能,但只有在我按下按钮时才会在控制台中收到一条错误消息(ID为my-button,请参见下面的代码。)HTMLJavaScript$('#my-button').on('click',function(){alert($('.timepicker').getTime());});$('.timepicker').timepicker({template:'dropdown',showInputs:false,showSeconds:false});控制台错误UncaughtTypeError:Object[

javascript - 无法更改 Bootstrap 工具提示标题

我已经查看了几篇关于堆栈溢出的帖子,几乎提出了完全相同的问题,但我在这些问题上发现的内容都没有帮助。我是JQuery和Bootstrap的新手,所以也许我只是错过了一些非常简单的东西。我希望能够在第一次初始化后更改不同元素的工具提示标题(最好在初始化后多次更改。)我正在处理的简化版本:...$(document).ready(function(){$('#bag0').data('tooltip',false).tooltip({title:'newtext'});$('[data-toggle="tooltip"]').tooltip();});这个改变标题的方法是从发帖给出的:Ho

javascript - Bootstrap 模式和 mmenu 菜单冲突

我正在使用bootstrap和mmenu库设计一个网站。我正在尝试添加一个Bootstrap模式,在单击mmenu中的按钮时打开。单击关闭、按ESC键并在模态框外单击时,模态框不会关闭。我尝试编写一个具有相同模态和mmenu的页面,通过单击page上的按钮打开模态,而不是在mmenu中,两者都工作正常。我尝试了单击mmenu内的按钮时出现的mmenu弹出窗口,但遇到了同样的问题。我也很乐意得到一个通用的答案;这两个库可能出现问题的地方,以及如何解决它们。或者如何调试代码,以便我自己找出解决方案。我尝试检查Chrome中的控制台,但那里没有错误。我不知道如何进一步检查。我添加了我的代码,

javascript - Bootstrap 3 : Show spinner + fade background whilst waiting for modal content to load

所以我知道您现在可以使用data-target+href来加载远程内容,但是,我从ajax响应中得到的是json(而且我无法更改服务器端),所以我首先需要对其进行处理。我想展示一个微调器,我有它的CSS,但也想已经淡出当您将类“淡入淡出”添加到模态div时发生的背景。有谁知道如何手动启动它,并确保在我显示模态时不重复动画? 最佳答案 在我使用Bootstrap3的元素中,我创建了一个pleaseWait函数,我从其他执行AJAX调用的函数中调用该函数。此功能包含显示和隐藏功能。show函数将加载我希望显示的html(微调器、文本等)

javascript - Bootstrap ui angularjs 与过滤器问题

我正在使用BootstrapUI在我的Angular应用程序中。我在html页面中有一个工具提示,效果很好。我注意到,在显示工具提示并移出鼠标后,Ui-bootstrap-tpls.js触发了一个名为“hideTooltipBind”的方法,该方法依次调用$apply并触发该范围内的过滤器重新加载。假设我在范围内有10个过滤器,每个过滤器过滤100个数组。每次显示工具提示时,我的所有过滤器都被迫重新加载。我怎样才能避免这种情况?我正在使用//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.jsjquery-2.0.3.jsu