Tag: twitter bootstrap

单击输入并从Bootstrap模式窗口点击提交按钮提交表单数据: 这是我的模态窗口中的表单：我没有关闭按钮，我已禁用关闭按下esc的窗口。我希望能够在按下提交或按回车键时提交表单数据。 Enter your Credentials Email Password Remember me 这是我正在使用的脚本： $(document).ready(function(){ $(‘#myModal’).modal(‘show’); }); function submitLogin() { $.ajax({ url:”login_mysql.php”, type:’POST’, dataType:”json”, data: $(“#login-form”).serialize() }).done(function(data){ //do something }); } $(‘#passwd’).keypress(function(e) { if (e.which == ’13’) { submitLogin(); } }); $(‘#login’).click(function(){ submitLogin(); }); 在键入密码或单击提交按钮后按Enter键，同一页面重新加载并且ajax脚本不会运行。有人能告诉我，我的脚本是否与我的模态窗口的默认设置发生冲突？

是否可以根据屏幕宽度更改Bootstrap popovers的位置？: 我有一个项目列表，每个项目都有一个与之关联的Bootstrap popover（此处为docs ）。他们是这样发起的： $(‘#my_list li’).popover({ placement: ‘left’ }); 这样可行，但在宽度较小时，弹出窗口会从视口中丢失。我想根据$(document).width();条件设置$(document).width(); 但是我无法看到覆盖初始选项的方法（例如，在大约1000px的宽度，将位置切换到’上方’）。我在这里为jsfiddle编写了一个简化版本。非常感谢。

如何更改日期范围选择器的日期格式？: 我正在使用这个bootstrap日期范围选择器。我想将日期格式日期更改为dd/MMM/yyyy ： $(function() { $(“#”).daterangepicker(); });

Tagsinput不是一个函数，使用bootstrap 3和tags-input插件: 我正在使用带有jquery 1.10的bootstrap 3而且我想使用tags-input插件（ http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/ ），但它不起作用。这是我的错误： TypeError: tagsinput[arg1] is not a function var retVal = tagsinput[arg1](arg2); 这是我的HTML代码： jQuery(document).ready(function ($) { //$(‘.bootstrap-tagsinput input’).attr(“value”, “interessi”); $(‘#idInputWhat’).tagsinput(‘add’, ‘mare’); $(‘#idInputWhat’).tagsinput(‘add’, ‘vino’); $(‘#idInputWhat’).tagsinput({ maxTags: 3 }); }); 请问，有什么建议吗？

如何在select2 new / remove标记事件上触发新的ajax？: 我使用以下代码片段使用ajax远程添加新的select2标记，我想在新标记/删除标记事件上注册或删除我的多对多表的一些记录表看起来像 ——————————— +–voucher_id–+|+–product_id–+ ——————————— + 123 | 566 + ——————————— + 156 | 566 + ——————————— + 123 | 426 + ——————————— + 156 | 516 + ——————————— 我的Javascript $(“.e6”).select2({ tags: true, placeholder: ‘placeholder’, minimumInputLength: 1, ajax: { url: ‘searchProducts’, dataType: ‘json’, data: function(term) { return {q: term}; }, results: function(data) { return {results: […]

Twitter引导程序在下拉列表中停止传播: 我在插件jOrgChart的div中有一个twitter bootstrap下拉列表。我遇到的问题是，当我单击按钮打开下拉菜单时，它还会触发父div中的单击事件，该事件会执行其他元素的折叠。这是我的HTML： Actions Edit Delete … 我想阻止点击a.dropdown-toggle从冒泡到div.node，我尝试了这个： $(“div#chart div.btn-group > a.dropdown-toggle”).click(function (e) { e.stopPropagation(); }); 但现在下拉列表不起作用。编辑这是具体案例： http ： //jsfiddle.net/UTYma/2/ （感谢Joe Tuskan开始小提琴）

jQuery Validate：向父div添加错误或validation类: 我正在使用Twitter的Bootstrap作为我正在进行的项目的框架。我试图使用jQuery Validate插件validation一个简单的联系表单，但它引起了一些令人头疼的问题。我想在每个表单的输入的父div中添加一个Error或Valid类。这是我的表单代码： @ Submit 正如你所看到的，我的div.control-group是我要添加类的div。我试图使用突出显示（如此处所示，但这根本不起作用）和errorPlacement （见下文），但我没有正确地做到这一点。理想情况下，我希望在keyup上添加/删除类，以便保留插件提供的强大function。这个简单的代码可以工作，但它不会删除类，只能在提交表单时使用： $(“#msg-form”).validate({ errorPlacement: function(error, element) { $(element).parent(‘div’).addClass(‘error’); } }); 任何人都可以建议我应该用什么选项来实现这个目标？！在此先感谢 – 我可以提供必要的任何其他细节！

谷歌地图模式问题: 我试图将谷歌地图显示到Twitter引导模式。当用户第一次点击按钮Show map他能够成功地看到地图，因为我正在生成地图onclick()函数，但是当他关闭模态并重新打开它时，地图无法正确显示并且90％的部分地图像下面一样变灰我甚至尝试这种解决方法，删除地图绑定的整个div并重新生成它，但这个技巧不太好用，让我知道如何解决我的问题。以下是我的js函数，我正在调用show map的事件 function mapp() { //google.maps.event.trigger(map, “resize”); //$(“#map_google_canvas”).empty(); $(“#map_google_canvas”).remove(); $(“#crmap”).append(“”) var myOptions = { center: new google.maps.LatLng(54, -2), zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map_google_canvas”), myOptions); var addressArray = new Array(“London, United Kingdom”, “London Road, Brentwood, United Kingdom”, “Brentwood, United Kingdom”); var geocoder = new google.maps.Geocoder(); var markerBounds […]

ASP.NET MVC Bootstrap动态模态内容: 我正在使用MVC 5，我对viewModel每条记录都有一个，如下所示： @Html.DisplayNameFor(model => model.Questions.Single().QuestionType) @Html.DisplayNameFor(model =>model.Questions.Single().Scheme) @foreach (var item in Model.Questions) { @Html.DisplayFor(modelItem => item.QuestionType) View } Foreach (Var item in Model.Questions) ，会有一个打开modal的button 。但是，我希望这个modal基于item.id的Model.Questions加载不同的内容。我怎样才能做到这一点？

消灭A Div中的所有Bootstrap工具提示: 我有一个$(“#settings”) div，其中包含多个附加到子元素的引导工具提示。例如， Content: Content Content: Content 我想做$(“#settings”).tooltip(‘destroy’)在按下按钮时摆脱所有这些工具提示，但它不起作用，我假设因为工具提示实际上不在设置div，但在里面。但是我也尝试了$(‘#settings’).find(‘*’).tooltip(‘destroy’) ，但也没用。是因为我如何初始化它们？ $(document).ready(function() { $(“body”).tooltip({ selector: ‘[data-toggle=tooltip]’ }); }); 什么是访问div中所有工具提示的快速简便方法？