Tag: twitter bootstrap

如何在Slick轮播中更新当前幻灯片的CSS?

我正在创建一个网站来展示我的客户的摄影。 我有几个不同的主要图像,以幻灯片forms旋转。 我希望指向该特定类别的链接在显示相应图像时更改为其他颜色。 我的function完美适用于第一张图像,但它不适用于我的第二张图像。 有人可以阅读我的代码,看看可能有什么问题吗? 我没有在控制台中出现任何错误,我相信它应该可以工作,因为它与第一个完全相同。 非常感谢!! $(document).ready(function(){ // $(“#mainslider”).slick({ // infinite: true, // slidesToShow: 1, // slidesToScroll: 1, // centerMode: true, // // autoplay: true, // // autoplaySpeed: 2000, // pauseOnHover: true // }); highlightNatureMain(); highlightBuildingMain(); $(‘.slickcarousel’).slick({ infinite: true, slidesToShow: 4, slidesToScroll: 1, centerMode: true, // autoplay: true, // autoplaySpeed: 2000, pauseOnHover: true }); […]

仅为嵌套模式显示模态背景

我正在使用AngularJS并在一个html中有许多Bootstrap模式。 由于我需要在访问模态时与周围区域进行交互,因此我设置了: .modal-backdrop { display: none; } 但是,现在我需要添加一个必须有背景的嵌套模态。 我该怎么做呢?

Bootstap 3 scrollspy更改div的类

我可以使用scrollspy来更改div的类。 我可以重写代码来做到这一点但是如果有一种方法来调整scrollspy来做它我显然更喜欢去那条路线。 改变为 当用户滚动过去时

Bootstrap轮播多个图像响应窗口resize

我正在创建一个引导旋转木马,它在“小”屏幕尺寸上并排显示两个图像,并且只显示“x-small”设备上的一个图像。 我已经使用并修改了这个bootply来并排获取两个图像,我使用$(window).width()来检测窗口大小。 当您以设定的宽度加载页面时,它工作正常,但我无法让它在窗口大小调整上工作。 我试过投入 $(window).resize(function() { width = $(window).width(); }); 但这似乎不起作用。 这是我到目前为止的代码: $(‘.carousel .item’).each(function () { width = $(window).width(); if (width > 768) { var next = $(this).next(); if (!next.length) { next = $(this).siblings(‘:first’); } next.children(‘:first-child’).clone().appendTo($(this)); } }); 我的网站在这里 编辑: 这是一个bootply 。 问题是当从小到大调整时只显示一个图像,并且当从大到小resize时,图像会在彼此之下。 它适用于所有大小的页面加载。

为什么Bootstrap的Carousel左箭头会抛出错误,而右边的工作正常?

我创建了这个页面http://www.virtuemax.com/projects/urtotal/index.html 它是一个静态页面,完全基于bootstrap的框架构建。 旋转木马工作正常,但当您单击左箭头导航到左侧的旋转木马时,它会抛出错误。 有人可以帮忙吗?

Bootstrap popover更改html内容

我需要经常更改bootstrap popover中的popover内容。 为了使我用内容创建弹出窗口,下次我销毁了弹出窗口并再次创建。 但它没有按预期工作。 问题是它只在偶数时间工作,即。 它第一次工作第二次它不工作第三次工作等等。 我创建了我的场景 HTML note haii 使用Javascript var i = 0; var content = “haiii” + i; $(‘#today_not_to_doctr’).popover({ title: “Note to Doctor”, content: content, html: true, placement: “bottom”, viewport: { selector: ‘body’, padding: 20 } }); $(‘#test’).on(‘click’, function() { i++; content = “haiii” + i; $(‘#today_not_to_doctr’).popover(‘destroy’); $(‘#today_not_to_doctr’).popover({ title: “Note to Doctor”, […]

在jQuery for Bootstrap iframe模式中提取发件人信息

我试图在Bootstrap 4.0 Beta中以模态显示Google Map。 我发现这篇文章和代码有效,但我在jQuery中不能“流利”地用Javascript做我需要做的事情。 我也在这里看看如何找到发送者,但我无法弄明白。 假设我的声明如下: Graceland Directions ……在我的 ,我设置了基本模态… × 我找到了这个答案,这正是我想要做的,但地址硬编码到示例中: // Bootstrap modal Google Map $(‘#google-map-modal’).on(‘shown.bs.modal’, (function() { console.log(“something happened”); var mapIsAdded = false; return function() { if (!mapIsAdded) { $(‘.modal-body’).html(‘Test’); mapIsAdded = true; } }; })()); // Bootstrap modal Google Map $(‘#google-map-modal’).on(‘shown.bs.modal’, (function() { console.log(“something happened”); var mapIsAdded = false; return […]

选择除今天以外的日期时为什么时间戳不能降级?

我的html代码是这样的: Submit 我的JavaScript代码如下: $(function () { $(‘#datepicker’).datetimepicker(); $(‘#timepicker’).datetimepicker({ minDate: moment().startOf(‘minute’).add(300, ‘m’), }); }); $(“#btnSubmit”).click(function() { value = document.getElementById(‘datetimepicker’).value; console.log(value) }); 这样的演示: https : //jsfiddle.net/8jpmkcr5/89/ 如果我单击时间戳并单击减量小时图标,则它不起作用。 我知道它发生是因为这段代码: minDate: moment().startOf(‘minute’).add(300, ‘m’) 。 我希望代码只在这一天工作。 除了今天,代码不起作用 我该怎么做?

Bootstrap datepicker无法正常工作

在我的webapp中,我使用的是bootstrap组件; 在我的一个页面中,我试图设置一个引导日期选择器,或者更好的日期时间选择器,仍然没有运气。 我的css和js导入是(按顺序): bootstrap.css datepicker.css 的jquery.js bootstrap.js 引导-datepicker.js 我写的代码是: $(document).ready(function() { $(‘#datetimepicker2′).datetimepicker(); }); 但我尝试了很多脚本组合(避免文件就绪函数调用,只是调用函数),在div和输入上设置’datetimepicker2’id,总是没有运气。 当我尝试我的datepicker没有任何反应,在控制台我总是得到: uncaught typeerror undefined不是一个函数 错误就行了: $(‘#datetimepicker2′).datetimepicker(); 我在网上搜索过,我不是唯一一个遇到这个问题的人,很多人都解决了将div类放入’日期’的问题,但这对我来说并没有成功。 其他人也建议导入jQueryUI,但仍然没有运气。 任何提示?

在Datepicker中禁用天数

我试图禁用日历的某些日子,但我不能。 我正在使用这个日期选择器https://github.com/eternicode/bootstrap-datepicker/blob/master/docs/index.rst 。 我拥有的javascript代码就是这样,除了你要禁用的日子外,我所需要的只是我需要的工作。 var disabledDays = [’11/29/2013′, ’11/27/2013′, ’11/28/2013′]; function daysDisabled(date) { for (var i = 0; i < disabledDays.length; i++) { if (new Date(disabledDays[i]).toString() == date.toString()) { return [false, '']; } } return [true, '']; } $('.datepicker').datepicker({ format: 'dd-mm-yyyy', todayHighlight: true, autoclose: true, weekStart: 1, startDate: '0d', language: 'es', beforeShowDay: daysDisabled })