草庐IT

Bootstrap-select

全部标签

javascript - 使用 Joomla 及其 Mootools 的 Twitter Bootstrap Carousel

我正在使用TwitterBootstrap为Joomla2.5.x制作模板。我还想为该模板使用BootstrapCarousel插件。当Carousel与Joomla的Mootools实现一起使用时,我遇到了问题。Carousel元素的样式正在以负边距更改,使其对用户不可见。为了向您展示到底发生了什么,我准备了一个jsfiddlehttp://jsfiddle.net/U2pHH/11/给你。由于Carousels更改样式属性,Carousel使用户看不到每一秒钟的图像,但用户应该看到每张幻灯片。我已经查看了Carousel插件和MootoolsJS文件的源代码,但遗憾的是无法找出问题

javascript - 在基于触摸的设备上禁用外部内容的滚动(Twitter Bootstrap 导航栏)

我使用twitterbootstrap3。我添加了固定的顶部导航栏。我在导航栏上有下拉按钮。当用户单击按钮时,将打开一个下拉菜单。对于桌面用户来说没问题。但对于移动用户,当用户向下滚动下zipper接时,后面的页面也会滚动。是否可以在用户滚动下zipper接时禁用后台页面滚动?fiddle:http://jsfiddle.net/mavent/2g5Uc/1/当用户触摸下拉部分并像绿色箭头一样触摸时,背景页面像这个屏幕截图中的红色箭头一样滚动:.......编辑:我检查了that,that和that.编辑:这是行不通的。这将停止所有页面滚动。$('#my_navbar_div').bi

javascript - 单选按钮上的 Bootstrap-3 Meteor 事件

所以我试图让事件点击单选按钮(meteor)。我在模板事件(客户端js文件)中做的:Template.Questions.events({'click#public_btn':function(){console.log('1');//something},'click#private_btn':function(){console.log('2');//something}在html客户端文件中我有单选按钮:PublicPrivate只要div获得data-toggle="buttons"广告,click事件就不会触发>有办法解决这个问题吗? 最佳答案

javascript - 如何使用 bootstrap 让点击的 nav-pill 保持事件状态?

下面是我如何使用Bootstrap3.1.0创建我网站的菜单链接。我希望选定的nag-pill在单击链接时保持事件/选择状态。当前,单击链接后定义的悬停颜色消失。有没有办法让药丸在点击后保持活跃?onetwothree===更新===我只是JS和网络开发的新手。我尝试遵循TwitterBootstrap教程的代码在这里:http://jsfiddle.net/Dy9e6/我只希望在用户点击其中一个药丸/标签后,点击的nag-pill显示为“已选择”或“突出显示”。 最佳答案 首先你需要添加默认class="active"到第一个元素

javascript - 单击后如何延迟显示 Bootstrap 3 模态

我试图在用户点击触发按钮后延迟Bootstrap模式的显示:Launchdemomodal查看Bootstrap3文档,我可以看到有一个可以Hook的show事件,但我不确定如何在模态出现在屏幕上之前引入3秒的延迟。希望有人能提供帮助?引用:http://getbootstrap.com/javascript/#modals 最佳答案 可以延迟触发按钮的点击,然后直接激活模态:$('[data-toggle=modal]').on('click',function(e){var$target=$($(this).data('targ

javascript - 动态更改 Bootstrap 进度条

我有以下HTML代码,使用Bootstrap:我希望style="width:0"增加到100%。我尝试使用下面的代码作为测试,但没有任何反应。VerifyingOracledatabase...$(document).ready(function(){$("#progress-bar").css("width","50%");$("#progress-bar").attr("aria-valuenow","50%");});有人可以帮助实现这一进展吗?提前致谢。 最佳答案 您用来更新宽度的代码是正确的,但正如@Brennan指出的

javascript - Select2.js v4.0 : how set the default selected value with a local array data source?

通过使用select2.jsv4插件,当我使用本地数组数据作为源时,如何设置默认选择值?以这段代码为例vardata_names=[{id:0,text:"Henri",},{id:1,text:"John",},{id:2,text:"Victor",},{id:3,text:"Marie",}];$('select').select2({data:data_names,});如何设置id3为默认选中值? 最佳答案 $('.select').select2({data:data_names,}).select2("val",3);

javascript - 如何在实现 css 中监听 <select> 更改事件

一个简单的jquery变化监听器在使用物化css选择下拉菜单时似乎不起作用。$("#somedropdown").change(function(){alert("ElementChanged");});1)如何添加监听器来检测物化选择元素何时发生更改?2)在这种情况下如何获取选择值? 最佳答案 添加一个id来选择Option1Option2Option3Option4通过jquery使用id绑定(bind)事件监听器$("#select1").on('change',function(){console.log($(this));

javascript - 如何通过单击选项卡加载 Bootstrap 选项卡面板?

我在这样的网站上使用Bootstrap选项卡面板:Chart1Chart2我想做的是在标签点击时加载非事件面板。(现在,它会在页面加载时加载每个面板。)注意:显示隐藏不是我的解决方案,我想要显示的不是外部URL。它是当前页面的一个div(包含一些JS)。 最佳答案 如果您希望在单击选项卡时加载选项卡面板内容,则必须使用Ajax。这是一个例子。HTML代码ContactsFriendslistAwaitingrequestJavascript代码$('[data-toggle="tabajax"]').click(function(e

javascript - 使用 jQuery TableSorter 对包含下拉 (SELECT) 标记和美元符号 ($) 的列进行排序

我正在使用神奇的jQueryTableSorter插件自动将排序功能添加到表格的列(只需单击每列的标题)。这对除其中几列之外的所有列都适用。1)其中一个列的单元格前面包含美元符号(例如:$20、$10、$5)。排序不正常;它按字母顺序排序(因为所有单元格内容都以$开头,所以它们都被错误地捆绑在一起)。什么代码会强制排序器从第二个字符开始,从而忽略美元符号?2)另一列有动态下拉列表(每个单元格中有1个SELECT标记),我希望它按每个SELECT标记内当前选定的值按字母顺序对该列进行排序。有什么想法吗?如果您至少能给我指出正确的方向,并告诉我如何在这两种情况下自定义排序,我将不胜感激。提