Tag: twitter bootstrap

如何修改jscript以防止某个特定链接滚动？: 我正在使用此代码在页面内滚动。基本上检查内部链接，如果它们是间隔，则添加平滑滚动： $(function() { $(‘a[href*=#]:not([href=#])’).click(function() { if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”) && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $(‘[name=’ + this.hash.slice(1) +’]’); if (target.length) { $(‘html,body’).animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); 但是，我也在同一页面上播放幻灯片。这使用Bootstrap的Carousel 。此代码与幻灯片显示冲突，我想禁用此href平滑滚动。如何添加代码以防止此冲突？

滚动时，导航栏活动选项卡会更改颜色: 我希望我的活动标签在用户滚动传递1000px时改变颜色，当它<1000px时返回原始颜色。我已经尝试了下面的CSS工作，并永久地更改活动选项卡上的背景。 .navbar-default .navbar-nav > .active{ background: #111; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: #111; } 还尝试结合上面的CSS和滚动function，但我不认为我正在瞄准活动div正确… 如何在滚动function中最好地定位这个活动的tab类？或者有更好的替代方法吗？ JsFiddle： https ：//jsfiddle.net/Lczsjz3y/7/ 任何帮助，将不胜感激：）

使用scroll-spy更改导航栏背景类: 我正在Bootstrap 4中的一个网页上工作，该网页包含浅色和深色背景以及固定导航栏。导航栏是黑暗的（具有bg-dark的css类），虽然它很容易在光线部分可见，但它与黑暗部分无法区分。我已将Bootstrap的滚动间谍添加到页面中，但它的作用是将active类添加到导航栏项，如下所示： .page-section { padding: 70px 10px } .page-section.bg-dark * { color: #fff; } Section 1 Section 2 Section 3 Section 1 Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section […]

将Google Map加载到Bootstrap模式中: 将Google地图插入引导程序模式会给我“灰色框”结果，但我没有看到问题。我以为我会触发模型（’show’），然后加载地图（’显示’）以避免在此处讨论的冲突在Twitter Bootstrap创建的模式中显示Google地图任何帮助非常感谢 HEAD ELEMENTS HTML Denmark Danish Embassy in Washington DC, United States 3200 Whitehaven St.NW 20008-3683 Tel: +1 (202) 234-4300 Fax: +1 (202) 328-1470 E-mail: wasamb@um.dk Website: www.ambwashington.um.dk Details: n/a Hours: 8:30 AM – 4:00 PM(Friday 3:30 PM) email | map-it | update JAVASCRIPT // encode function function htmlEscape(str) { return String(str) […]

使用bootstrap-datepicker显示Date之后的星期几: 我正在使用bootstrap-datepicker，并希望在日期之后的文本字段中显示一周中的实际日期。示例： 12/01/2014 Monday 我的datepicker配置 $(document).ready(function () { $(‘#calendar’).datepicker({ format: “mm/dd/yyyy”, weekStart: 1, autoclose: true, todayHighlight: true, }); }); 实际的datepicker源代码如下： https://bootstrap-datepicker.readthedocs.org/

将信息显示到工具提示中: 我这里有一个图表： – 代码链接让我告诉你我在这里想要实现的目标。一年中有几个月的聚线 – 一月，二月，三月……现在当我盘旋几个月时，我想显示第1周，第2周， ….，第4周为1月，第5周，第6周，…，第2周为2月，依此类推。也就是说，每个月我会使用php来回应每周数据的值，如 – week1：23，第2周：45周，第3周：56周，第4周：75等…… 善意的帮助。我试图使用.csv文件将所有52周的信息，但没有运气。 JavaScript涉及： ‘use strict’; var dataset = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]; // let colors = [‘#8dd3c7’, ‘#ffffb3’, ‘#bebada’, ‘#fb8072’, ‘#80b1d3’, ‘#fdb462’, ‘#b3de69’, ‘#fccde5’, ‘#d9d9d9’, ‘#bc80bd’]; let colors = [‘#8dd3c7’, ‘#ffffb3’, ‘#bebada’, ‘#fb8072’, ‘#80b1d3’, ‘#fdb462’, ‘#b3de69’, ‘#fccde5’, ‘#d9d9d9’, […]

自定义jQuery屏幕键盘: 我需要在我的网络应用程序的某些页面上显示虚拟键盘，所以我发现了这个漂亮的jQuery屏幕键盘： http ： //www.jquery4u.com/demos/onscreenkeyboard/ 您可以从Github下载它： https ： //github.com/sdeering/onscreenkeyboard/archive/master.zip 我需要帮助来定制它，最初我认为改变CSS会做但事实certificate它需要在一些Jquery函数上进行更改，我尝试删除并更改某些函数的顺序但是没有用，我不知道Jquery所以我我卡住了。例如，以下是我需要存档的一些修改：默认显示上键（现在显示下键），不要给他们选项键来打开下键。删除Enter键有人可以帮我弄清楚上面的那两个修改，并给出一个简短的解释，这样我就可以开始并了解如何自定义一个键，我需要做很多修改。

Bootstrap从另一个文件打开内容: 我偶然发现了一个与我相似的问题，但不完全是我想要的（花哨的盒子，从url抓取）。我想用引导模态做同样的事情。我确实通过添加data-remote找到了一些关于此的教程，但它不起作用。这也不是我想要做的。我想要的只是一个模态。不是标题，主要部分或页脚的任何代码。所有这些都将包含在外部页面中（页面实际上仍位于服务器上）。所以基本上会包含像这样的faq这样的链接，它将打开一个简单的模态 //ajax loads the external page stuff into here. 然后在外部页面（在同一服务器上）将包含这样的内容： × Modal title … Close Save changes 我希望这是可能的。谢谢您的帮助！

Typeahead.js确实给了我建议，但没有选择它们: 我正在使用Bootstrap 3.0和最新版本的Typeahead.js和Hogan引擎。我设法让远程加载建议工作（最后）。现在下一个障碍是当用户点击建议时，如何在输入中填写单词？我认为这可能是自动完成的，但不是出于某种原因？这只是JS的一个基本路线我错过了吗？输入：这是JS： $(document).ready(function() { $(‘.playername-search’).typeahead({ name: “playername-search”, remote: ‘http://xxxx/%QUERY’, template: ‘{{short_name}} – {{rating}}’, engine: Hogan }); }); 有一件事我不得不提，一切都在一个模态中。也许这会改变这种情况？提前致谢！

在隐藏元素中绘制Google Chart: 尝试在没有幸运的情况下在隐藏元素中渲染Google图表。小提琴波纹管有一个带引导标签的例子：小提琴安德鲁在这里得到了一些帮助：如何在显示标签时绘制谷歌图表？但是图表现在可以在我与它交互的任何时候重新渲染（例如使用范围filter）。 HTML代码是： Tab A Tab B Tab C 所有的JS代码都在小提琴中。