草庐IT

twitter-flight

全部标签

javascript - Browserify 与 twitter bootstrap

有很多类似的问题,包括关于堆栈溢出的答案,但没有一个对我有用,所以我在这里问你们。我感谢大家的时间。我最近开始将gulp与browserify结合使用,效果很好。然后我尝试使用browserify作为前端使用:Backbone和Bootstrap3。一切似乎都正常,直到我尝试要求Bootstrap附带的js文件。我在Chrome工具中收到一条错误消息:jQuery未定义。我曾尝试将其装入,但我对垫片感到非常困惑。我正在使用jQuery2.1.1,所以我不需要shimjQuery,但它现在存在于shim中,因为我绝望并尝试了一切。这是我的package.json和我的main.js文件:

javascript - 如何设置 twitter bootstrap 模式更宽更高?

如何设置twitterbootstrapmodal更宽更高?此处示例(请单击:启动演示模式):http://twitter.github.com/bootstrap/javascript.html#modals 最佳答案 在Bootstrap3.1.1他们添加了modal-lg和modal-sm类。您可以像他们一样使用@media查询来控制modal大小。这是控制modal大小的更全局的方法。@media(min-width:992px){.modal-lg{width:900px;height:900px;/*controlhei

javascript - Twitter Bootstrap Carousel - 访问当前索引

如何从轮播中获取当前索引?在这种情况下,我使用的是无序列表。我知道我可以搜索列表项以找到具有“事件”CSS类的项,但我想知道我是否可以直接询问轮播对象。附加:能够访问目标索引(在“幻灯片”事件上)也很方便。同样,我可以通过搜索来做到这一点:varidx=$('.carousel-innerli.active').index();...然后根据方向添加/减去,但我希望得到更清洁的东西。 最佳答案 不是在当前幻灯片中添加和减去,而是在“幻灯片”事件上尝试这样做:$('.carousel').on('slide',function(e){

javascript - Twitter Bootstrap Modal 停止 Youtube 视频

我是javascript的新手,正在尝试使用Twitterbootstrap快速启动并运行一个美观的网站。我知道这与jquery有关,但我不确定在按下关闭按钮或关闭图标时如何停止我的视频。谁能解释一下如何让我的视频停止播放,因为即使我关闭了窗口,我仍然可以在后台听到它。×IamtheheaderClose 最佳答案 我知道我迟到了2年多,但从那以后,一些事情发生了变化,B3开箱即用的新方法是这样的:$("#myModal").on('hidden.bs.modal',function(e){$("#myModaliframe").a

javascript - 页面加载时的 Twitter Bootstrap 进度条动画

我有一个包含多个Bootstrap进度条的页面。设置它们的值最初工作正常。虽然我希望进度条在用户打开页面时动画/转换到它们的特定状态。当您单击其中一个栏时,此JS工作正常。在栏的“onload”事件中我需要类似的东西。但是“onload”事件对s不可用//animateprogressbars$('.progress.bar').on("click",function(event){varme=$(this);perc=me.attr("data-percentage");me.css('width',perc+'%');});如何在页面加载时为页面上的所有进度条实现此行为?

javascript - Twitter Bootstrap Typeahead - ID 和标签

我正在使用Bootstrap2.1.1和jQuery1.8.1并尝试使用Typeahead的功能。我尝试显示一个标签并使用一个id,就像一个标准的这是我的预输入初始化:$(':input.autocomplete').typeahead({source:function(query,process){$('#autocompleteForm.query').val(query);return$.get($('#autocompleteForm').attr('action'),$('#autocompleteForm').serialize(),function(data){retur

javascript - 文本区域中的 Twitter 样式自动完成

我正在寻找一个Javascript自动完成实现,其中包括以下内容:可用于HTML文本区域允许在不调用自动完成的情况下键入常规文本检测@字符并在键入时开始自动完成通过AJAX加载选项列表我相信这类似于Twitter在推文中标记时所做的事情,但我找不到一个好的、可重用的实现。使用jQuery的解决方案将是完美的。谢谢。 最佳答案 解决这个问题的另一个很棒的库At.js(已弃用)SourceDemo他们现在建议使用Tribute库https://github.com/zurb/tributeExample

javascript - 如何将 Twitter Bootstrap 工具提示添加到图标

我会从twitterbootstrap添加一个右工具提示到一个图标元素。代码是这样的:SensorsPermissions我希望,当光标位于图标上时,会显示带有一些信息的右侧工具提示...我该怎么办?包含tooltip.js库并在图标代码中放置一个元素还不够吗?我很困惑。谢谢。 最佳答案 我最近是这样使用它的:产生:您可以通过使用js声明来设置工具提示和其他功能(延迟等)的定位:$(document).ready(function(){$("[rel=tooltip]").tooltip({placement:'right'});}

javascript - 如何使用 Twitter Bootstrap 中的弹出框来显示图像?

TwitterBootstrap的弹出窗口功能的典型示例是带有标题的类固醇工具提示。HTML:hoverforpopoverJS:$("#blob").popover({offset:10});我想使用弹出框来显示图像。这可能吗? 最佳答案 非常简单:)hoverforpopovervarimg='';$("#blob").popover({title:'Look!Abird!',content:img,html:true});http://jsfiddle.net/weuWk/ 关于j

javascript - 在我的鼠标移入之前,我如何保持 Twitter Bootstrap Popover 打开?

我有一个使用TwitterBootstrapPopoverversion1.3.0的链接显示一些信息。此信息包含一个链接,但每次我将鼠标从链接移到弹出窗口时,弹出窗口就会消失。如何让弹出窗口保持打开足够长的时间以使鼠标能够移入其中?然后当鼠标移出link和popover时,隐藏?或者是否有其他插件可以做到这一点? 最佳答案 使用Bootstrap(用版本2测试)我想出了以下代码:$("a[rel=popover]").popover({offset:10,trigger:'manual',animate:false,html:tru