草庐IT

bootstrap-can

全部标签

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

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

javascript - 一个 "safe place"来评估 Javascript 中的受信任代码(具有特定上下文)? [编辑: how can you break it?]

不要在标题上评判我,我知道eval是邪恶的,但我这样做是有原因的,而且会非常有限。事情是这样的:我想创建一个安全的空间,我可以在其中运行特定的(和受信任的)代码,并检索结果(如果它符合我的期望)。出于安全原因,我想将它从所有其他范围中删除(这个空间被要求提供结果,并且应该不能单独将任何内容导出到周围的范围)。我找到了一个似乎可行的解决方案,它也可以为执行添加上下文,但我不确定它是否有效,或者该系统中是否存在安全漏洞。你能告诉我它是否有问题吗?它实际上创建了与全局变量同名的本地变量,以防止访问它们。它还剥离了功能(我将添加功能以保留我想要保留的功能)。该函数声明为最接近全局变量,以避免更

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 - 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 - 引用错误 : Can't find variable: exports

问题:为什么会出现以下错误?我是否忘记在我的html中包含脚本?ReferenceError:Can'tfindvariable:exports从导致它的typescript生成的javascript:"usestrict";Object.defineProperty(exports,"__esModule",{value:true});/*morecode*/额外:tsconfig.json{"compileOnSave":true,"compilerOptions":{"target":"es5","noImplicitAny":true,"rootDir":".","source

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

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

javascript - 在 bootstrap 3 中复制到剪贴板

我想在我的网站上添加一个“复制到剪贴板”按钮。该站点使用Bootstrap3框架。我希望我的按钮的工作方式类似于此处使用的“复制到剪贴板”按钮:http://twitterbootstrapbuttons.w3masters.nl/我尝试合并此代码:http://jsfiddle.net/T2uXr/,但我没有成功。Javascript:$("a.copy").on('click',function(e){e.preventDefault();}).each(function(){$(this).zclip({path:'http://www.steamdev.com/zclip/js

javascript - d3 图表显示在 bootstrap div 之外

我遇到了一个问题,即在d3中,每个选择器选择的条形图都在div区域之外生成。varsvg=d3.select("#barchart").append("svg").attr("width",width+margin.left+margin.right).attr("height",height+margin.top+margin.bottom).append("g").attr("transform","translate("+margin.left+","+margin.top+")");可以在下面的jsbin位置找到完整的代码http://jsbin.com/sodivamiqa/