Tag: twitter bootstrap

bootstrap carousel隐藏第一个和最后一个控件

如果转盘位于第一个项目上，如何隐藏左控件，以及当转盘位于最后一个项目时如何隐藏右控件。 我的下面的代码成功地隐藏了控件，但是在页面加载时，就好像旋转木马的第一个项目在中间，用户可以通过左或右控件一直进入。 http://bootply.com/99354 谢谢

在twitter typeahead的每个keyup上更新JSON

我有一个带有输入字段的html页面。 每次在这个字段中键入内容时，都会使用jQuery调用php脚本。 这个php脚本返回一个JSON，其中包含基于输入字段的特定查询的结果。 这工作正常，我在console记录输出。 var r = jQuery(function($) { $(‘#name’).keyup(function() { var input = $(‘#name’).val(); var response = $.getJSON(‘get_names.php’, {input: input}); response.done(function (names) { console.log(names); }); }); }); 现在的问题是，我需要将其与twitter引导程序（ 在typeahead.js中的第一个示例）合并，以便每次使用php脚本计算所使用的json（以下代码中的状态），而不是记录到console 。该领域的内容。 $(document).ready(function() { var substringMatcher = function(strs) { return function findMatches(q, cb) { var matches, substringRegex; // an array that will be populated with substring […]

如何获取轮播的总数和当前幻灯片数量

你能告诉我如何获得引导程序中旋转木马滑块的总数和当前数量，如下图所示吗？ 我有一个标准的Bootstrap轮播和一个带有.num类的 来显示总数和当前数，我使用这段代码来检索数字，但它没有通过 $(‘.num’).html(){ $(‘#myCarousel’).carousel({number}) } 谢谢 更新： 请在这个jsfiddle LINK上找到一个样本

Bootstrap DatePicker，如何设置明天的开始日期？

我怎样才能为明天设置startDate？ 我没有在Date.today的文档中看到一个选项，所以我可以再添加一天。 有办法实现这个目标吗？ $(function() { $(“#appointment_adate”).datepicker({ format: ‘yyyy-mm-d’, autoclose: true, startDate: ‘+1d’ }); });

使用jquery获取引导程序中所选表行的值

我正在使用bootstrap表。 我希望在点击同一页面上的’Add to cart’按钮后获取所选表格行的Item ID值/值。 表格代码： Item ID Product Name Actual Price Discount Price Stock Available JQuery代码： $(document).ready(function() { $(“#add_cart”).click(function() { //foreach selected row retrieve ‘Item ID’ values in array; //call ajax for otherpage.php?arr=’Item ID array’; }); }); 因为我是bootstrap的新手，我正试图解决这个问题，但没有得到适当的解决方案，任何人请告诉我这个。

如何在Bootstrap3 Carousel上通过转换将滑动动画更改为淡入/淡出

我试图改变bootstrap 3轮播的滑动效果淡入/淡出。 我按照这里给出的说明进行了Twitter Bootstrap Carousel插件在幻灯片转换时淡入淡出 下面是css代码（在链接中说） .carousel .item { -webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s; } .carousel .active.left { left:0; opacity:0; z-index:2; } .carousel .next { left:0; opacity:1; z-index:1; } 我的示例链接是在这个图的最后，我正在制作但问题是前一个按钮不能正常工作，可能解决方案是完美的bootstrap2，我使用bootstrap3，任何人都可以帮助我吗？ 预先感谢您的帮助。 我是新来的，非常抱歉我的英语不好，如果我问了一个愚蠢的问题！ https://dl.dropboxusercontent.com/u/35758776/xenxbd/contrastic/index.html#parallux-wrapper-04

使Bootstrap 3选项卡响应

目前，在Bootstrap 3中设置选项卡时，选项卡不响应。 这个： 变成这样： CSS。 修复它的外观很容易，只需在最大宽度处移除浮子等。 但是，内容与选项卡脱节，因此一堆选项卡将像标签一样工作，但在较小的视口上，您可能会看到内容的变化，也可能看不到内容的变化。 这是制作标签式导航的基本html： Home Profile Dropdown @fat @mdo Home Content : … Profile Content : … Dropdown1 – … Dropdown 2 – … 如何将Tabs转换为Accordion或Collapse，以便它对视口友好？

Twitter引导程序：在开放式手风琴标题中添加一个类

我是一个jquery / javascript新手。 我想要做的是在开放式手风琴标题中添加一个类，并在打开另一个时删除它。 inheritance人代码： Category 1 Open Link 1 Open Link 2 Open Link 3 Category 2 我附在页面上的脚本是 所以我想要的是在菜单打开时（手风琴式）将.active类添加到a.accordion-toggle，然后一旦选择了另一个就让它消失。 我看过这里的文档引导程序，但它似乎没有帮助我很多（因为我不知道如何处理 $（’＃myCollapsible’）。on（’hidden’，function（）{//做某事……}） 或者在哪里放置它）我也尝试过.addClass（） jquery加法器，但我只能得到javascript版本document.getElementById（“accordion-heading”）。className + =“newClass”; 工作（如果我给手风琴组冠军一个ID，但在这种情况下会有多个手风琴组）当我把脚本放在div层之后。

jQuery：与在不适当的时间执行的removeData（）冲突

我有一个模态窗口用于更新或添加新的对象Store 。 远程调用此模式，从ASP.NET中构造的GET方法加载信息。 调用模态的按钮： NEW STORE 模态的Html： @model Application.Models.ApplicationviewModels.StoreIndexData @using Application.Models @await Html.PartialAsync(“_ModalHeader”, new ModalHeader { Heading = String.Format(“Actualización de Modelo: Tiendas”) }) Distrito {… more elements} GET方法： public IActionResult Create(int? id) { List DepartmentList = new List(); DepartmentList = (from department in _context.Departments select department).ToList(); DepartmentList.Insert(0, new Department { DepartmentID = 0, DepartmentName = […]

单击Bootstrap 3折叠更改V形图标

我已经阅读了有关我的问题的所有相关问题，并尝试了所有这些问题都无济于事。 我似乎无法使我的代码工作，即使我“思考”我写的几乎所有代码与本网站上发布的解决方案相同。 这是HTML代码： Services Offered … 这是JQuery $(‘#serviceList’).on(‘shown.bs.collapse’), function() { $(“.servicedrop”).addClass(‘glyphicon-chevron-up’).removeClass(‘glyphicon-chevron-down’); } $(‘#serviceList’).on(‘hidden.bs.collapse’), function() { $(“.servicedrop”).addClass(‘glyphicon-chevron-down’).removeClass(‘glyphicon-chevron-up’); } 我只是想在折叠元素时将图标从下到上更改。 然后在单击同一个类时切换回。 我真的很困惑这个。 先感谢您！