草庐IT

bootstrap-grid

全部标签

javascript - AngularJS UI Bootstrap 模式无法执行范围内的功能

在我的angularjs应用程序中,我使用UIBootstrap来创建模式。我将范围和自定义Controller传递到模态中,它显示我来自原始范围的数据,但无法执行其任何功能。我有主Controller:myapp.controller('WsCtrl',functionWsCtrl($scope,$location,todoStorage,filterFilter,$modal,$log){在Controller中我有下一个:$scope.items=['item1','item2','item3'];$scope.open=function(){varmodalInstance=$

javascript - 即使延迟设置为 0,Bootstrap Notify 也会自动关闭

我正在尝试让BootstrapNotify警报保持可见,直到用户将其关闭,而不是自动关闭。为此,根据我对文档的理解,我将delay设置设置为0。这是我的JS文件,包含在bootstrap-notify.js之后:$(function(){varalertTemplate=$("#notify-template").html();$.notifyDefaults({target:"_self"},{type:"warning",delay:0,template:alertTemplate});});vartoasterNotify=function(alertTitle,alertMes

javascript - jasny bootstrap offcanvas 不会在手机上滚动

我使用jasnybootstrap插件创建了一个侧边菜单。标记相当简单:whichmayhavenested-->问题是它在手机上不可滚动。当我尝试滚动它时,它根本不起作用。我试图使用带有网络检查器的iOS模拟器对其进行深入检查,并尝试绑定(bind)一些事件。我尝试将scroll事件绑定(bind)到.sidemenu但此事件从未触发。然后我尝试绑定(bind)touchstart事件并且它按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?知道为什么它不起作用吗? 最佳答案 尝试将data-placemen

javascript - ExtJS 6 : Issue using multiple editors in a single grid column

笔记ExtJS版本:6.2.1.167fiddle:fiddle.sencha.com/#view/editor&fiddle/1tlt此功能在ExtJS2.x中有效,没有任何问题。目标拥有一个网格(具有分组功能和单元格编辑插件),它可以在单个列中包含多个不同的编辑器(textfield和combos)。网格颠倒了传统的表格系统,使字段名称和记录值垂直显示。此处显示了表头的示例:+-------------+-----------------+-----------------+------------------FieldNames-Record1Values-Record2Valu

javascript - 使用 Selectize 和 Ajax 时在 Bootstrap 模式中显示 Rails 错误消息

我正在尝试构建一个应用程序,允许用户分享艺术家对其他艺术家的名言。例如,鲍勃·迪伦(BobDylan)引用约翰·列侬(JohnLennon)的话。因此,我的艺术家模型的设置方式允许艺术家既是引述的演讲者又是引述的主题,并且每个引述都属于作为引述者或主题的每个艺术家。当使用Selectize触发模态时,我无法在Bootstrap模态中显示Rails错误消息。我按照thisdemo使模态正常工作.模态框用于创建一个新的Artist来自quotes/new表单,但我无法获得Artist的错误消息在Bootstrap模式或报价/新页面上显示的模型。当我尝试在模式中创建触发错误消息(例如vali

javascript - 如何在可能已经有 Bootstrap 脚本的环境中加载它们?

我想在我的WordPress插件中使用来自Bootstrap的弹出窗口(及其工具提示依赖项)脚本。插件很可能会出现在已经有Bootstrap的环境中,我正在尝试确定如何以稳健的方式实现它。我可以尝试检查插件定义并动态加载脚本(如果它们不存在)(否则使用环境所具有的)。然而,时间安排似乎具有挑战性,因为其中一个脚本依赖于另一个脚本,并且加载同名插件并不能保证它是兼容的版本,甚至根本不能保证Bootstrap脚本。脚本似乎包含noConflict()功能,我可以尝试使用它来隐藏我自己的副本并在任何情况下忽略全局副本的存在。然而,我又一次不确定如何获得正确的机制,因为popover需要工具提

javascript - Kendo UI Grid 列标题模板函数无法访问列定义

我正在尝试使用columns.headerTemplateKendoUIGrid的特征自定义列标题。您可以如下所示使用此功能,并由thisexampleIcreated演示.通常在使用KendoUItemplates时,小部件会将实体传递给模板函数,因此您可以使用各种属性来自定义要呈现的html。调试KendoUIGrid代码我可以看到,在_headerCellText方法中,对模板函数的调用传递了一个空对象而不是列,即使列对象在范围内也是如此。text=kendo.template(template,settings)({});在为每一列或更糟的情况诉诸自定义列标题模板之前,我是否可

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

当一个面板打开时,我需要让它滚动回到刚刚点击的面板的“.panel-title”。我知道我可以创建一个指令来执行此操作,例如(从thissite获得):.directive('scrollTop',scrollTop);functionscrollTop(){return{restrict:'A',link:link};}functionlink($scope,element){$scope.collapsing=false;$scope.$watch(function(){return$(element).find('.panel-collapse').hasClass('colla

javascript - 如何对 Bootstrap 时间选择器进行验证,使其永远不会超过给定的分钟数?

我在表单中有两个字段timervalue和warmupvalue(timervalue总是以Minutes为单位。)如何对时间选择器进行验证,使其永远不会超过给定的分钟数?这是我的代码Warmup$(document).ready(function(){$('#warmupvalue').timepicker({showMeridian:false,showSeconds:true,//showMeridian:false,defaultTime:'0:00:00'});$('#update-form').bootstrapValidator({fields:{timervalue:{

javascript - 在 Bootstrap 3 中启用触摸事件的推荐方法?

现在Bootstrap3已经出来了,启用触摸的推荐选项是什么?Asbefore,bootstrap.js中没有很多触摸事件,尽管它应该是移动优先框架。最后一件事I'vefound在github上建议使用fastclick.js,但那是在v3.0版本之前。 最佳答案 我的建议是将Bootstrap与JQuerymobile、TouchSwipe或Hammer.js一起使用。可以找到Bootstrap触摸轮播的示例here. 关于javascript-在Bootstrap3中启用触摸事件的推