草庐IT

widget-twitter

全部标签

javascript - 我怎样才能最好地管理多个 Twitter Bootstrap 模式对话框

我目前正在从事一个网络项目,该项目大量使用TwitterBootstrap模式对话框。从本质上讲,用户会连续看到许多带有表单的模式对话框。这些对话框的顺序基于他在每个表单(=对话框)上提供的值。我怎样才能最好地管理不同模式的状态并为它们的显示顺序编写过滤器?谢谢。 最佳答案 我使用这个扩展来Bootstrap使用模态形式:https://github.com/Nikku/jquery-bootstrap-scripting在此处查看功能演示:http://nikku.github.com/jquery-bootstrap-scrip

javascript - 无法将焦点放在 Twitter Bootstrap Typeahead 的输入上

当我删除这些属性时:data-source=""data-items="4"data-provide="typeahead"我能做到:$(document).ready(function(){$('.first').focus();});这是我的HTML标记:"data-items="4"data-provide="typeahead"/>注意:Typeahead运行良好,这并没有错:data-source="" 最佳答案 我最近遇到了这个问题。当我先声明.typeahead()代码块然后给予字段焦点时,它会自行修复。如果我颠倒顺序

javascript - 在 mouseleave 上保持 Twitter Bootstrap 工具提示打开

对于特定情况和元素,我需要默认显示Bootstrap工具提示(一旦加载页面)并始终保持打开状态(即使在鼠标悬停和鼠标移开时)。这是我用来在元素上默认打开工具提示的代码:$('#myelement').tooltip('show');现在我不确定如何防止/禁用工具提示在鼠标悬停和鼠标移出时的默认操作。有什么想法吗?提前致谢! 最佳答案 已找到解决方案。手动触发器可以解决问题-这是更新后的代码:$('.taskTooltip').tooltip({trigger:'manual'}).tooltip('show');

javascript - Twitter Bootstrap 适用于触摸屏吗?

我正在考虑将TwitterBootstrap(TB)用于移动网络应用程序。下个版本的TB,version3,声称是“移动优先”。但是,查看包含的Javascript文件,我几乎只看到“点击”事件,几乎没有使用任何“触摸”事件。TB依靠Jquery来处理事件。此外,CSS中有很多“悬停”定义,它们在触摸屏上不起作用。即便如此,我在谷歌搜索时发现了很多关于在移动网络应用程序中使用TB的建议和教程。我的问题是:TwitterBootstrap在性能方面(主要是速度和响应时间)在触摸屏上的表现如何? 最佳答案 我一直在使用TwitterBo

javascript - Twitter Bootstrap 选项卡显示事件未在页面加载时触发

在我有n个选项卡的页面中,以及以下脚本(coffeescript,我检查了已编译的javascript,它似乎没问题)...$->init()init=->$('a[data-toggle="tab"]').on'shown',(event)->shown=event.targetconsole.log("Showingtab:"+shown)现在,'shown'事件不会在页面加载时触发,因此对于页面上显示的第一个选项卡,无法处理此问题(即:通过xhr加载内容)我试着将它添加到上面的脚本中,看看手动触发它是否可行:$('a[data-toggle="tab"]:first').tab'

javascript - 如何获取 Twitter Bootstrap 按钮组中选定按钮的值

如果我在bootstrap中有一个如下所示的单选按钮组:1234如何获取/设置所选值? 最佳答案 要设置事件元素,请将类active添加到您想要选择的任何按钮(并取消选择其余部分)。$('.btn-group>.btn').removeClass('active')//Removeanyexistingactiveclasses$('.btn-group>.btn').eq(0).addClass('active')//Addtheclasstothenthelement要获取当前事件按钮的html/文本内容,请尝试如下操作:$('

javascript - 如何在运行时更改 Bootstrap (twitter)进度条的颜色

我正在使用这个进度条:http://twitter.github.com/bootstrap/components.html#progress并且想给它一个自定义颜色,只在运行时才知道(所以硬编码在css或更少的文件中不是一个选项)我已经试过了:$('#pb').css({'background-color':"red"})没有成功。 最佳答案 您的代码实际上是有效的,只是进度条实际上使用渐变作为颜色而不是纯background-color属性。要更改背景颜色,请将background-image设置为none,您的颜色将被拾取:$

javascript - 如何使用 Twitter Bootstrap 在按钮单击时导航到另一个页面?

我必须呈现驻留在templates/home.html中的html页面我在index.html中有一个按钮:Browse我想要做的就是当我点击浏览时,它带我到home.html我尝试将jQuery编写为://onClickon'Browse'loadtheinternalpage$(function(){$('#browse_app').click(function(){$.load('templates/home.html');});});但这不起作用,因为加载需要将数​​据放在当前页面的某处如何在单击按钮时转到home.html? 最佳答案

将 Twitter created_at 显示为 xxxx 前的 JavaScript 代码

我需要一些JS代码来从Twitter提要中获取created_at值并将其显示为xxxxago。我可以找到创建xxxxago位的示例,但找不到将created_at位转换为JS正确格式的示例。有没有人拥有一个功能齐全的功能来完成我想要做的事情?示例格式TueApr0722:52:51+00002009不能使用newDate(Date.parse("TueApr0722:52:51+00002009")),因为它在IE中给出无效日期错误。 最佳答案 使用moment.js在没有任何插件的情况下,这是您需要用来正确解析笨拙的Twitte

javascript - 如何使用 'manual' 作为 Twitter Bootstrap 框架中弹出窗口的触发选项?

在TwitterBootstrap框架中,Twipsy和Popover插件都将“手动”列为触发工具提示的选项。如何使用手动选项(即它的实际效果是什么-如何激活工具提示)?回答这就是我最终使用的(利用“切换”):jQuery(document).ready(function($){$('.popup-marker').popover({html:true,trigger:'manual',}).click(function(){$(this).popover('toggle');});}); 最佳答案 您可以通过以下方式激活它:$('