Tag: twitter bootstrap

Bootstrap 2 Carousel循环一次然后停止

Bootstrap 2 Carousel循环一次然后停止。 我想我有点迷失如何实现这一目标! 我已经尝试过循环和间隔,但我无法找到有关如何制作此特定function的足够文档 编辑—我的代码非常简单! $(‘#myCarousel’).carousel({ interval: 2500 })

单击里面时保持Bootstrap下拉打开

我有一个bootstrap下拉菜单。 我希望它在我点击它时保持打开状态 ,但在单击下拉切换按钮或菜单外部时关闭。 当我在input时,下拉列表似乎没有关闭,但当我点击下拉列表中的任何其他位置时,它会关闭。 问:如何通过使用jQuery来避免这种情况? 以下是我的HTML : MENU HELLO Bootply中的演示

Jquery ajax填充select并在更改时运行ajax以获取表行输入的值

我正在为私人项目制作发票工具。 我也在使用bootstrap。 到目前为止,所有事情都是完美的,无论我尝试什么,我似乎无法让这些碎片一起工作。 摘要:页面加载了2行订单项。 每行都有一个jquery函数,当qty和rate改变时,它会改变小计。 我有一个按钮,它将根据需要添加和删除行,主要项目选择列表将在mousedown ajax获取可用项目.ALL这些工作完美..至少单独。 在这个堆栈问题中找到的资源解决了我之前的问题,即正确添加/删除新行… WIN! 但是,我创造了两个新的问题,我似乎无法通过这样做来动摇。 这是加载html的页面(表是id = lineitem) # PRODUCT/SERVICE DESCRIPTION QTY RATE AMOUNT 1 Product/Service 2 Product/Service Add Line DISCOUNT BALANCE DUE 包含的.js文件 $(function() { CalculateTotal(); // Adding the change events for the Price and // quantity fields only.. // Changing the total should not affect anything $(‘#qty , […]

事件不会在初始加载时触发

这是关于更改媒体屏幕使div叠加的另一个问题的延续 此问题与Isotope有关 。 在@Robin Carlo Catacutan的帮助下,我有以下isotope.js : jQuery(function($) { var $container = $(‘#isotope-list’); //The ID for the list with all the blog posts $container.isotope({ //Isotope options, ‘item’ matches the class in the PHP itemSelector: ‘.item’, layoutMode: ‘masonry’ }); // Add class when transition is finished $container.on( ‘arrangeComplete’, function( event, filteredItems ) { $(“.grid figure img”).addClass(“imgArranged”); […]

Bootstrap Modal – show不会删除hide属性

我正在创建一个Bootstrap 2.3.1模式,如下所示: myModal = $(”, { ‘class’: ‘modal hide’, ‘id’: id + ‘-addModal’, ‘tabindex’: -1, // needed for escape to work… ‘role’: ‘dialog’, ‘data-backdrop’: ‘static’ }).append(content); // insert Modal into DOM… $(jqElement).after(myModal); // focus on first input when it pops up… myModal.on(‘shown’, function () { myModal.find(‘select:first’).focus(); }); //响应按钮点击… myModal.modal(’show’); 在极少数情况下,背景显示,但不显示模态。 有没有人遇到类似的问题和解决方法? 我知道IE8不喜欢动画模式(使用fade类),这似乎不是我们不使用淡入淡出的问题。 这个问题出现在FF,Chrome和IE中,但与西class牙宗教裁判所一样,从来没有我期待它。 失败似乎在modal(‘show’)执行中。 似乎模态存在但并非未被隐藏。 […]

Bootstrap 3 mouseover图像响应

针对Bootstrap 3的响应式图像鼠标hover是否有任何解决方案? 这是我的代码: http : //jsfiddle.net/4gac7/ .image{ background-image:url(“http://placehold.it/350×150/000/fff”); width:350px; /* responsive possible ?? */ height:150px; } .image:hover{ background-image:url(“http://placehold.it/350×150/ccc/fff”); } 谢谢!

当我们在平板电脑上点击外面时,如何关闭bootstrap 3下拉列表?

我这样做,它在桌面上工作正常: $(document).on(“click”, function(){ $(“.dropdown-toggle”).removeClass(“open”); }); 但在iPad上,它无法正常工作,我的下拉列表仍然打开

Bootstrap Timepicker不显示

我有一个模态窗口,我有一个表,用户可以选择时间。 在这个例子中,我能够让timepicker在表内工作。 $(‘.timepicker’).timepicker().on(‘changeDate’, function(ev){ $(‘.timepicker’).timepicker(‘hide’); }); 但是,在此示例中 ,时间选择器未显示。 没有例外被抛出。

jquery如何在使用引导选项卡时仅在页面加载时滚动

我点击链接时设置了一些jquery来加载特定的bootstrap 3选项卡。 当我通过另一个页面上的链接访问该页面时,这非常有用。 但是当我在实际页面上单击不同的选项卡时,它会在每次单击时滚动到顶部。 如何只在页面加载时滚动而不是在页面上单击选项卡时滚动? 谢谢!! 这是我的代码。 HTML Sales Client Services jQuery的 // Javascript to enable link to tab jQuery(document).ready(function() { var url = document.location.toString(); if (url.match(‘#’)) { $(‘.nav-pills a[href=#’+url.split(‘#’)[1]+’]’).tab(‘show’) ; } // Change hash for page-reload $(‘.nav-pills a’).on(‘shown.bs.tab’, function (e) { window.location.hash = e.target.hash; $(“html,body”).animate({scrollTop: 300}, 1000); }) });

表标题列不使用固定标题维护宽度

我已经尝试了几个jQuery库来实现这一点,包括floatThead , fixedheadertable和freezeheader,但我对它们每个都有同样的问题。 最初,该表看起来很好,但是一旦THEAD粘到页面顶部,THEAD中的列宽就不再正确排列。 我正在使用Twitter Bootstrap 3.我怎样才能正常工作? 引导程序会干扰吗? 这是否与我的第一个是10 宽的事实有关? Colspan问题? 有什么提示吗? 这是一个屏幕截图,向您展示我的意思: 我的HTML是这样的: All Active Inactive Follow-up Sold Dead Applications (1233) Date Appt First Last Campaign Phone City Status Actions ± 我使用FreezeHeader.js的最新尝试看起来像这样: $(‘table.table’).freezeHeader();