草庐IT

bootstrap-slider

全部标签

javascript - 如何动态调整 bootstrap-wysihtml5 的大小

我们正在使用bootstrap-wysihtml5来允许用户输入注释。我需要允许用户在需要输入大量内容时扩展编辑区域,最好为他们提供全屏选项。(TinyMCE内置)我找不到该选项,也不知道如何或在何处对其进行编码。感谢您的帮助。 最佳答案 越过thedocs我找不到任何通用的调整大小选项。你可以试试jQueryUIresize.还有thissmallerscript稍作调整即可解决您的问题。 关于javascript-如何动态调整bootstrap-wysihtml5的大小,我们在Sta

javascript - 磁带形式的 slider 。 Safari 中的错误

我把slider做成胶带的形式。在Chrome和Mozilla中它看起来不错,但在Safari中它看起来很糟糕。也许有人可以帮助解决问题?!?提前致谢!jsfiddle.net/mcbgv/7/CSS:#wrapper1#my_scroll{z-index:5;height:480px;width:640px;position:absolute;top:-10px;left:12px;}#wrapper1#bloc_wrap{height:480px;width:640px;z-index:7;overflow:hidden;}#wrapper1#wrapper_sl{height:4

javascript - bootstrap 3 模态,焦点输入字段不适用于 firefox

我正在使用来自bootstrap3的模式,它包含在输入字段中这个模态是在页面加载时使用jquery代码启动的(不是通过单击按钮)$().ready(function(){$('#OTPModal').modal('show');});一旦显示模态,我就会通过这段代码使输入成为焦点$('#OTPModal').on('shown.bs.modal',function(){$('#OTPField').focus();});此代码在googlechrome中运行良好,但在firefox中却不行!用chrome和firefox检查jsFiddle看看有什么不同https://jsfiddle

javascript - 几次点击后 Bootstrap 模式停止

我链接到一个Bootstrap模式,如下所示;然而,在一轮打开/关闭之后,模态停止响应点击。我尝试用bootstrap文档中的示例替换代码并且它有效。我不确定从哪里开始调试。 最佳答案 您没有正确关闭模式。您需要更改:×到:× 关于javascript-几次点击后Bootstrap模式停止,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32467795/

javascript - 将分页控件添加到整页触摸滑动器/ slider - Hammer.js

CLICKFORFIDDLE下面是我使用hammer.js创建的功能齐全的全页触摸slider您可以拖动、滑动或平移在页面之间导航。slider按预期工作,但我现在尝试通过添加两个按钮来创建后备导航,以便在单击时也可以向左和向右分页。问题如何在点击时调用锤子向左或向右滑动?(Javascript或jQuery)。当前尝试$('#Left').on('click',function(){HammerCarousel(document.querySelector('.Swiper'),'Left');});完整代码functionswipe(){varreqAnimationFrame=(

javascript - Angular Bootstrap 选项卡 - 选择页面加载中调用的函数

我有以下格式的AngularBootstrap选项卡。(见plunker)select函数应该在选项卡被选中时触发。但奇怪的是,当页面加载时,第一个选项卡的选择功能被触发。(打印选项卡选择动态标题1加载..)"http://plnkr.co/edit/vyOOhCdIl7s1Wvou7Dr9?p=preview"angular.module('ui.bootstrap.demo',['ui.bootstrap']);angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl',function($scope){$scope.

javascript - Twitter bootstrap 在小型设备上重新排序元素

我在页面上有以下布局:左侧是桌面(lg)版本,右侧是我希望在小型设备上进行的重新排序。使用这段代码:LoremIpsum(2)RostfreieBohrbefestigerfürStahl-undAluminiumunterkonstruktionenImage(1)Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodo

javascript - Angular 2 : how to use bootstrap-tagsinput properly

我正在尝试使用bootstrap-tagsinput我的Angular2项目中的库。该库使用package.json文件安装:"dependencies":{..."bootstrap-tagsinput":"^0.7.1",...}现在我在node_modules中有一个bootstrap-tagsinput文件夹。我想在特定组件中使用tagsinput。我看到node_modules/bootstrap-tagsinput/dist目录下有一个bootstrap-tagsinput-angular.js文件,但我无法正确使用它。我是否应该在我的index.html中添加JS文件,以

javascript - 设置事件线后 chart.redraw() 不工作

我正在使用morris.js图表和Bootstrapslider。我想做什么:如果移动了slider,我想在图表中slider值的位置插入一条事件线。没什么特别的。问题:设置事件后图表不会重绘。插入新数据时,图表会自动重新绘制。所以我尝试通过将现有数据再次传递给图表来刷新(以检查语法是否正确),如下所示:chart.setData(chart.options.data);这很有效!新事件被绘制到图表中。不幸的是,由于图表正在重新绘制所有数据,因此性能不佳。文档说有chart.redraw()。这对我不起作用。也许你们中的某个人可以找出原因。只需运行代码片段并切换单选按钮来测试这两种方法

javascript - Rails 应用程序 : require bootstrap vs require bootstrap-sprockets

添加之间的相应区别是什么//=requirebootstrap-sprockets和//=requirebootstrap到application.js?documentation说:bootstrap-sprocketsprovidesindividualBootstrapJavascriptfiles(alert.jsordropdown.js,forexample),whilebootstrapprovidesaconcatenatedfilecontainingallBootstrapJavascripts一个提供比另一个更好的性能吗? 最佳答案