Tag: twitter bootstrap

$是jquery中的未定义错误: 我在使用twitter bootstrap时收到此错误。我在html中使用它时没有收到此错误。我将它转换为wordpress主题，现在我收到了这个错误。 $(‘.dropdown-toggle’).dropdown() 我收到这些错误。 bootstrap-dropdown.js第72行“$ is undefined”。 “$（”。dropdown-toggle“）。dropdown不是一个函数” 任何帮助深表感谢。谢谢。编辑：我试过这个https://stackoverflow.com/a/9301017/759257 并包括最新的jquery版本1.7.1，现在它的工作原理！

将PHP变量传递给bootstrap模式: 我有一个使用while循环创建的按钮。所以while循环为mysql表中的每一行创建一个表行。我有一行代码用于按钮，它为表的每一行再次创建，每个按钮根据该记录的id具有不同的值。 $order .= ‘Edit’; 问题是我想使用$row[‘ID’]并以模态查看它，这样我就可以使用mysqli查询检索具有相同ID的记录。这是模态的代码。 × Edit Data i want to save the id in a variable here so i can use it in a php script for this modal Close

Bootstrap Carousel显示下一个和上一个图像: 引导旋转木马是否可以伸缩以显示滑块中的下一个和上一个图像？ … … 我的旋转木马现在看起来像这样，我如何将上一张和下一张图片添加到当前活动的幻灯片中？

手动编辑日期或清除日期时，bootstrap datepicker更改日期事件不会启动: // When the document is ready $(document).ready(function () { $(‘.datepicker’).datepicker({ format: “yyyy-mm-dd”, }).on(‘changeDate’, function(ev){ // do what you want here $(this).datepicker(‘hide’); }).on(‘changeDate’, function(ev){ if ($(‘#startdate’).val() != ” && $(‘#enddate’).val() != ”){ $(‘#period’).text(diffInDays() + ‘ d.’); } else { $(‘#period’).text(“-“); } }); }); 所以这就是我的日期选择器的样子。所以基本上当我通过点击鼠标来改变日期时效果很好，但是当我用键盘手动更改日期或手动清除日期更改日期时，事件不会被调用。这是一个错误还是我在这里做错了什么？

Bootstrap选项卡中的Google Map: 我正试图让Google Map出现在一个vanilla Bootstrap选项卡中。我直接从Bootstrap文档构建了一个小提琴，Gmap脚本与Google建议的完全一样。我将map对象转储到console.dir并且已经正确初始化。在早期的项目中，我能够使用resize函数在选项卡中显示地图 – 但它似乎不适用于Bootstrap。有没有人得到这个工作？这是通用的jsfiddle– http://jsfiddle.net/B4zLe/4/ 编辑：添加代码 JAVASCRIPT： var map; jQuery(function($) { $(document).ready(function() { var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); console.dir(map); google.maps.event.trigger(map, ‘resize’); $(‘a[href=”#profile”]’).on(‘shown’, function(e) { google.maps.event.trigger(map, ‘resize’); }); }); }); HTML： Home Map […]

Bootstrap datepicker从另一个datepicker更改minDate / startDate: 我的页面中有两个日期选择器，都是bootstrap。条件仅是关于结束日期的开始日期从不高。意味着结束日期属性（minDate）必须在开始日期由datepicker更改时更改，并且在结束日期更改时相同，开始日期datepicker的日历的最小范围应根据结束日期值。我希望你理解我的问题 $(document).ready(function(){ $(“#startdate”).datepicker({ todayBtn: 1, autoclose: true, }).on(‘changeDate’, function (selected) { var minDate = new Date(selected.date.valueOf()); $(‘#enddate’).datetimepicker(‘setStartDate’, minDate); }); $(“#enddate”).datepicker(); });

在引导工具提示中显示欧芹错误: 我正在使用parsley 2.0.0-rc5并希望在引导工具提示中显示错误消息。我正在使用“parsley：field：error”但事件在错误容器中显示错误之前触发，我无法接收错误。有人知道我如何得到每个字段的错误消息？ $.listen(‘parsley:field:error’, function (e) { dataParsleyId = e.$element.attr(‘data-parsley-id’); errorMsg = ‘Error: ‘ + $(‘#parsley-id-‘+dataParsleyId).text(); e.$element.attr(‘data-original-title’, errorMsg); e.$element.tooltip(‘show’); });

修改bootstrap轮播以同时显示多个幻灯片: 我想修改bootstrap 3的轮播以一次显示几张幻灯片。我知道我可以在一张幻灯片中放置多个缩略图（div .item），但问题是旋转木马会滑过它们同时移动到下一组，而我想逐个浏览它们。我在这里找到了一个我想要的例子： http ： //www.bootply.com/117282唯一的问题是我需要5个或6个幻灯片，而不是4个。我花了几个小时尝试修改它以按需工作，但我显然没有充分了解它是如何工作的。我的jquery / javascript理解非常简单，但我的CSS非常不错。有人可以告诉我如何修改它以同时显示5/6幻灯片吗？我非常感谢你的帮助。谢谢你，夏尔马

Bootstrap carousel – 指向特定幻灯片的链接: 我在html中显示当前幻灯片编号并链接到当前页面上的特定幻灯片时发现了很多帮助，但我的问题有点不同…… 我需要能够链接到另一页面中的旋转木马中的特定幻灯片。所以我会在’index.html’上找到类似的东西：a href =“page2.html＃slide2” 当用户点击此链接时，会将其带到“page2.html”页面并显示第二张幻灯片。任何帮助表示赞赏。谢谢，Alex

如何在Bootstrap jQuery Tab中重新加载Google Map: 我正在使用gmaps.js在Bootstrap选项卡中加载2个映射。会发生什么，第一个地图加载正常，但是当单击第二个选项卡（隐藏）时，地图无法正确加载。经过广泛的谷歌搜索，我意识到这与谷歌地图有关，需要在点击选项卡时resize，因为谷歌地图不能很好地与隐藏的选项卡一起使用。然而，在尝试了很多东西后，我无法让它发挥作用。这是我的小提琴： http ： //jsfiddle.net/7PueE/ /** * Fort Collins Map */ $(document).ready(function () { map = new GMaps({ div: ‘#fort-collins-map’, lat: 40.574859, lng: -105.056756, width: ‘100%’, height: ‘500px’, scrollwheel: false, }); map.addMarker({ lat: 40.574859, lng: -105.056756, title: ‘Fort Collins Office’, infoWindow: { content: ‘Fort Collins Office1120 E. Elizabeth St.Suite F-101Fort Collins, CO […]