Tag: twitter bootstrap

使用AJAX源的Bootstrap Typeahead：不按预期返回数组

我在使用AJAX源正确使用bootstraps typeahead时遇到了很多麻烦。 如果我提醒正在返回的数组，那就完全没问题了，即使我对它进行硬编码测试也是如此。 当您输入近似匹配时，它似乎大部分时间都没有返回任何内容，或者只返回数组中的一些项目。 这就是我现在所拥有的： $(‘#companyNameInput’).typeahead({ source: function(query, process){ $.ajax({ url: ROOT+’Record/checkCompanyName’, async: false, data: ‘q=’+query, type: ‘POST’, cache: false, success: function(data) { companiesFinal = []; map = {}; companies = $.parseJSON(data); $.each(companies, function(i, v){ map[v.name] = v.id; companiesFinal.push(v.name); }) } }) process(companiesFinal); // return [‘test1’, ‘test2’] This works fine return companiesFinal; } 有谁知道为什么这个工作正常？ 这是从我的PHP脚本返回的对象数组的示例。 […]

btn-group中的Bootstrap重置按钮

我正在使用一个btn-group中的Bootstrap按钮。 Item1 Item2 所以此刻（因为我正在使用数据切换），当按下按钮时，它进入突出显示模式。 我现在想要一个清晰的按钮，当点击它时我希望按钮被重置。 我已阅读手册并看到我必须使用： $().button(‘reset’) 然而它只是不工作。 有人可以请一个例子帮忙。

我不能在单选按钮之间切换

这是代码： Male Female 奇怪的是，当我尝试在单选按钮之间切换时，它被阻止了。 如果我选择男性，那么我不能改为女性。 我正在使用bootstrap，你可以在这里看到实时结果 然后单击Survey，您将看到它。 有些帮忙吗？ 我重新检查，我发现如果我删除javascript src =“js / jquery-1.10.2.min.js”它会工作，但会怎么样？ 接下来我应该看一下，修复那个bug。

foreach循环中的Bootstrap崩溃

我无法让可折叠面板在我的foreach循环中工作。 单击某个项目时，所有项目都会展开/缩进，这不是我想要的。 我希望每个元素都是独立的。 我连接到数据库，基本上只想显示数据，并能够扩展以查看更多信息。 我已经尝试了很多不同的解决方案，我目前的方法基于https://stackoverflow.com/a/18568997/1366033我应该怎么做id和href？ 任何帮助将不胜感激。 foreach (var item in groupItem){ @Html.DisplayFor(modelItem => item.Name) @Html.DisplayFor(modelItem => item.IdNumber)

Bootstrap Affix类跳到底部

我已经设法让scrolllspy和affix插件工作得很好，但每当用户滚动到页面底部时（如果使用一个小的浏览器窗口），词缀类开始与另一个冲突，并且词缀在状态之间跳转。 这里可以看到一个例子： http ： //devng.sdss.org/results-science/ CSS是： .affix-top,.affix{ position: static; } #sidebar li.active { border:0 #eee solid; border-right-width:5px; } @media (min-width: 979px) { #sidebar.affix-top { position: static; margin-top:30px; } #sidebar.affix { position: fixed; top:70px; } #sidebar.affix-bottom { position: fixed; bottom: 400px; } } 和JS： $(‘#leftCol’).affix({ offset: { top: 235 ,bottom: 400 } }); /* activate scrollspy […]

Bootstrap Popover跟随页面resize的触发元素

骗子在这里 我从这个论坛尝试了各种答案但没有成功。 我试图让我的bootstrap popover“跟随”在页面resize时触发它的元素。 挑战是弹出窗口是动态生成的，所以我不能给出具体的id。 我的代码重新定位了弹出框，但在resize时它会令人不快地闪烁，并且它以弹出窗口不可见而结束。 如何在resize完成后隐藏弹出框然后再显示它？ 我的代码是： // Reposition popover when screen changes size $(window).on(‘resize’, function() { $(‘[data-toggle=”popover”], [data-original-title]’).each(function() { if ($(this).data(‘bs.popover’).tip().hasClass(‘in’)) { $(this).popover(‘hide’); $(this).popover(‘show’); } }); }); 我的popover代码是： // Popover Menu initialize $(‘.btn-row-popover-menu’).popover({ placement: ‘left’, trigger: ‘click’, html: true, title: function() { return $(this).parent().find(‘.btn-row-popover-menu-head’).html(); }, content: function() { return $(this).parent().find(‘.btn-row-popover-menu-body’).html(); } }).on(‘show.bs.popover’, function(e) […]

object不支持属性或方法datepicker

我试图在我的页面中添加一个日期选择器并收到此错误。 我已经搜索并寻找此错误的其他答案，但找不到任何答案。 没有FOR BOOTSTRAP部分，它可以工作; 但有了它，我收到了这个错误。 这背后的原因是什么？我该如何解决这个问题？ 这是我的index.cshtml ： @{ Layout = null; } @Scripts.Render(“~/bundles/jquery”) @Scripts.Render(“~/bundles/jqueryui”) @Styles.Render(“~/Content/css”) @Scripts.Render(“~/bundles/modernizr”) @Scripts.Render(“~/bundles/Chart”) @Scripts.Render(“~/bundles/moment”) ENOCTA DASHBOARD $(function () { $(“#datepicker”).datepicker(); }); Date:

Bootstrap 3.0中的水平导航菜单 – 如果我有很多主菜单，如何在其上添加上一个下一个箭头？

我正在使用Bootstrap 3.0并实现了导航菜单。 我的桌面到移动视图的媒体查询断点是800像素。 所以基本上在800像素的屏幕上加上我想显示桌面视图。 在像桌面这样的更宽屏幕上，我能够在一行中显示所有12个左右的主菜单。 但是，如果我去iPad，那么我只得到980像素。 在这个较小的屏幕中，我的菜单有两行。 我无法减少主菜单数量。 如何在Bootstrap导航的顶部制作上一个 – 下一个箭头，以便菜单总是在一行中，我可以在桌面模式下遍历所有可用菜单？ 我需要实现这样的东西。 我创建了一个简单的引导程导航jsFiddle，有12个主菜单。 请将结果部分展开得足够宽，以便在桌面模式下显示导航，如下所示： 小提琴链接： 链接 fiddle image http://jsfiddle.net/vijayP/k63t7tqo

如何调整Bootstrap DatePicker的大小？

我的代码是这样的： HTML： Javascript： $(document).ready(function() { $(‘.datepicker’).datepicker({ autoclose: true, startDate: new Date() }); }); 演示： jsfiddle 我想改变bootstrap datepicker的大小 任何解决我的问题的建议 谢谢

获取未定义引导程序的’无法读取属性’offsetwidth’

尽管添加了活动类，并且在我的js函数之上定义了我的jquery，我仍然得到offsetwidth undefined。 我必须使用旋转木马来完成我的工作，我尝试了一个模拟练习。 我的第一个活动图像正在显示，然后在我单击下一步后，我在控制台中出现此错误并且图像没有滑动。 mycooking Previous Next jQuery(document).ready(function () { $(“#myCarousel”).carousel({ interval: 1200 }) });