Tag: twitter bootstrap

Bootstrap的javascript在本地工作,但在部署到服务器时则不行

我下载了Twitter的bootstrap的准系统示例并对其进行了定制。 我在本地进行了测试(使用WAMP服务器),一切都运行良好,包括CSS和JScript。 我将文件上传到我的虚拟主机服务,但JScript无法正常工作。 我注意到了,因为下拉框停止工作。 我搜索并发现其他人有同样的问题,但他们都使用ruby,我不是。 只是bootstrap提供的CSS + JScript游戏。 除此之外,他们说解决方案是先包含bootstrap.js然后再包含jquery.js。 好吧,我尝试了它,它没有用,我甚至包括没有缩小的.js,但它仍然无法正常工作。 我正在使用相同的浏览器(Chrome)进行本地和远程测试。 我也尝试过不同的托管服务,两者都出现了问题。 非常感谢帮助。 其他类似的问题: Javascriptfunction可以在localhost上运行,但在部署到Heroku时则不行 twitter bootstrap下降突然无法正常工作

通过PHP将MySQL数据传递给Modal Form

我试图使用modal作为用户编辑MySQL数据库中的数据的简单方法。 似乎只有我的SELECT语句中检索到的第一行可用于模态,我不明白为什么。 换句话说,想象一下有几列的表,第一列是客户的名字。 我的目标是能够单击一个名称,显示一个带有表单的模态,然后传递该表单的结果以使用PHP更新数据库。 但是,无论我点击哪个名称,都只传递与第一个结果行相关的值。 表’Item’包括表中将出现的所有行的信息。 $personID通过GET传递,是选择特定员工的客户的手段。 模态div包含在PHP while子句中。 模式中包含的表单将信息传递给基本的PHP更新脚本。 非常感谢,迈克 PHP选择Stmt: 链接(许多之一;我已缩写此部分): 莫代尔: × <input type='hidden' value='’ name=’itemID’ id=’itemID’> <input type='hidden' value='’ name=’personID’ id=’personID’> Close Save changes 模态结束时的PHP结束:

Bootstrap 3日期/时间选择器出错

我正在使用Eonasden的日期/时间选择器,你可以在这里找到。 日期时间选择器 我正在使用示例中的HTML: 它显示图标正常,但不显示日历下拉菜单。 我的头像是: $(function() { $( document ).ajaxStop( function() { $(‘#datetimepicker1’).datetimepicker(); }); }); 我收到一个控制台错误“Uncaught ReferenceError:moment not defined”有没有人知道如何解决这个问题? 它似乎在他的示例页面上正常工作。

Bootstrap 3 – 从另一个模态打开模态

在Bootstrap 3中是否可以从另一个模态打开模态 ? 我有模态窗口,内容从外部html文件加载。 我正在打开模态窗口。 我有一张表格要提交。 单击提交按钮后,我想使用新的模式窗口(以及来自另一个html文件的新内容)进入下一步。 据我所知,你不能同时拥有两个模态窗口,所以我必须关闭第一个模态,然后打开第二个模态。 问题是我在单击第一个模态中的提交按钮后必须执行的操作。 我试图在提交按钮上使用data-dismiss=”modal”和data-toggle=”modal”属性,但是它们只隐藏第一个模态,背景仍然很暗,没有任何反应。

选中复选框后,Twitter Bootstrap 3崩溃

手风琴必须在选中复选框时折叠。 并且必须在未经检查时隐藏。 这是代码: http : //jsfiddle.net/UwL5L/2/ 为什么不检查? I have Driver License A B C D E

Twitter Bootstrap popover触发器:如何设置多个触发器?

我正在尝试使用http://twitter.github.io/bootstrap/javascript.html#popovers 。 我可以将触发器设置为click | hover | focus | manual任何一个 click | hover | focus | manual click | hover | focus | manual 。 有没有办法设置多个触发器? 我想使用hover和焦点。

如何在Bootstrap Modal对话框中显示URL:单击按钮

我必须在模态窗口中加载页面(内部URL)。 我一直在使用window.showModalDialog(url,null,features),但这在Safari,Chrome上无法正常工作。 所以我们决定使用Bootstrap的modal dialog。 我无法完成这项工作。 我有什么想法可能做错了吗? //imports //activate content as modal $(document).ready(function(){ $(‘#test_modal’).modal({ }); } ……. ……. $(“#btnSubmit”).click(function(){ var url = constructRequestURL(); $(‘#test_modal’).modal(data-remote=url,data-show=”true”); }); —– —–

如何在两个Bootstrap 3选项卡之间进行幻灯片动画?

我试图找出如何在两个Bootstrap 3选项卡之间左,右,上,下滑动。 我在网上搜索过,令人惊讶的是没有找到任何东西。 我发现最接近的是Bootstrap github上的这个。 但是,它处理Bootstrap 2.0.2并且不再适用于Bootstrap 3。 有谁知道如何在两个Bootstrap 3标签之间向左,向右,向下(任何或所有)滑动? 这是我正在使用的基本Bootstrap 3选项卡设置。 Home Profile Messages Settings home page content profile page content message page content settings content 我通过以下几种方式之一激活我的标签。 $(‘#myTab a[href=”#profile”]’).tab(‘show’) // Select tab by name $(‘#myTab a:first’).tab(‘show’) // Select first tab $(‘#myTab a:last’).tab(‘show’) // Select last tab $(‘#myTab li:eq(2) a’).tab(‘show’) // Select third tab (0-indexed) […]

未捕获的TypeError:无法读取null的属性’documentElement’

在我包含bootstrap.js之后 我在控制台中遇到以下错误: 未捕获TypeError:无法读取null的属性’documentElement’ 靴子崩溃工作正常,但控制台发送垃圾邮件这个错误。 我在bootstrap之前包含了jquery。 其他人之前有过这个问题吗? 编辑: Tooltip.prototype.show = function () { var e = $.Event(‘show.bs.’ + this.type) if (this.hasContent() && this.enabled) { this.$element.trigger(e) var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]) if (e.isDefaultPrevented() || !inDom) return var that = this 这是来自bootstrap.js脚本的snipet。 似乎错误始终出现在documentElement部分的var inDom行中的tooltip函数中

如何从未来日期限制引导日期选择器

我想限制引导程序的日期选择器从未来的日期开始。我只想启用日期到今天。我怎么能实现这一点。 这是我的代码 var FromEndDate = new Date(); $(function(){ $(‘.datepicker’).datepicker({ format: ‘mm-dd-yyyy’, endDate: FromEndDate, autoclose: true }); }); 任何人都可以帮忙解决这个问题