Tag: twitter bootstrap 3

jQuery Validate，Select2和Bootstrap 3 Popovers – 如何将Popover绑定到Select2的父元素而不是隐藏的选择元素: 我已经实现了使用Bootstrap 3的Popovers来显示validation错误消息的优秀方法，并且在大多数情况下它运行良好 – 除了隐藏或替换的元素，如Select2或CKEditor。弹出窗口正确地定位在常规元素（如输入和正常选择）上，但不是选择2增强的选择。我创建了一个Sparky固定的小提琴，所以它实际上有效： http ： //jsfiddle.net/jemxtthb/4/ $(“#noticeSentTo”).select2(); var validator = $(“#documentAdmin”).validate({ debug: true, ignore: “”, showErrors: function(errorMap, errorList) { $.each(this.successList, function(index, value) { return $(value).popover(“hide”).parents(“.form-group”).removeClass(‘has-error’).addClass(‘has-success’); }); return $.each(errorList, function(index, value) { var _popover; _popover = $(value.element).popover({ trigger: “manual”, placement: “auto top”, content: value.message, container: “body”, template: “” }); _popover.data(“bs.popover”).options.content = value.message; return […]

Bootstrap 3validation: 我想我几乎有Bootstrapvalidation工作，但它似乎有缺陷或我错过了一些东西。使用输入组时，如何使图标显示在文本字段中。另一个问题是，当它出错并且用户修复它时，x图标仍然存在，而不是复选框。的jsfiddle $(‘form’).validate({ rules: { field1: { minlength: 3, maxlength: 15, required: true }, field2: { minlength: 3, maxlength: 15, required: true } }, highlight: function(element) { $(element).closest(‘.form-group’).removeClass(‘has-success’).addClass(‘has-error’) $(element).next(‘span’).removeClass(‘glyphicon-ok’).addClass(‘glyphicon-remove’); }, unhighlight: function(element) { $(element).closest(‘.form-group’).removeClass(‘has-error’).addClass(‘has-success’) $(element).next(‘span’).removeClass(‘glyphicon-remove’).addClass(‘glyphicon-ok’); }, //errorElement: ‘span’, errorClass: ‘help-block’, errorPlacement: function(error, element) { if(element.parent(‘.input-group’).length) { error.insertAfter(element.parent()); } else { error.insertAfter(element); } } […]

表中的复选框列无法排序: 我正在使用bootstrap-sortable对表进行排序。除复选框列以外，它适用于所有列。我期待的是当某人选中取消选中复选框时，之后当有人点击表格的表头时，它将根据选中的复选框进行排序。当有人检查复选框时，我还将列的data-value设置为1 。它也没有帮助 Select all Fee date range Case Transaction type Amount Exp terms

Bootstrap 3单选按钮没有返回值: 我正在努力使用Twitter Bootstrap 3单选按钮，我无法获得已选中/选中元素的值。我是Jquery的新手，但我已经在这个网站上发了很多post，如何处理单选按钮，似乎没有一个与Bootstrap一起使用。 HTML // First Group of Radio College High School // Second Group Yes No ect…/// up to 4 groups of radio btns 我试过了： onclick:Javascript:alert(this.value)甚至点击上面的任何元素都不会返回任何内容 var x = $(“#FormFilters input[type=’radio’]:checked”).val(); alert(x); 不归还任何东西 var x = $(‘input[type=radio]:checked’, ‘#Edu’).val(); alert(x); 造型可以成为问题吗？标签或类？有人可以告诉你如何正确地通过表单检查输入/活动并获取值？谢谢

bootstrapValidator：如何动态地向现有输入字段添加和删除validation器？: 我有一个与knockout.js绑定并由bootstrapValidatorvalidation的动态表单。根据另一个控件的状态，有一个输入字段需要“必需 – validation”。输入字段： knockout-viewmodel的相关javascript部分： self.SelectAbsenceType = function (absenceType) { self.SelectedID(absenceType.ID); if (self.SelectedAbsenceType().ReasonRequired) { $(‘#formCreate’).bootstrapValidator(‘addField’, ‘inputReason’, { validators: { notEmpty: { message: ‘Please enter a reason’ } } }); } else { $(‘#formCreate’).bootstrapValidator(‘removeField’, ‘inputReason’); } } 我面临的问题是，对bootstrapValidator实例的removeField的调用似乎并没有完全删除所有注册信息，因为bootstrapValidator类的updateStatus方法中存在一个javascriptexception，实际上根本不应该调用它，因为我有删除之前的字段： var that = this, type = fields.attr(‘type’), group = this.options.fields[field].group || this.options.group, total = (‘radio’ === type […]

Bootstrap 3折叠菜单无法在移动屏幕上工作: 似乎很多人都遇到了这个问题（ https://github.com/twbs/bootstrap/issues/7968 ），但对某些人有用的解决方案对我不起作用。如果您尝试在http://axxon.co上打开我的网站并调整窗口大小，直到出现汉堡菜单，您会注意到如果单击带有子菜单（福利或行业）的项目，则不会发生任何事情。有谁知道我能做些什么来解决这个问题？

Bootstrap导航栏涵盖缩放内容: 我正在为导航栏构建一个带有navbar-fixed-top类的网站。除了我放大之外，它在所有内容上都能正常工作。当我放大移动设备时; 导航栏开始包装并在折叠后转到下一行。但是，我不希望在放大时影响导航栏，但同时保持不同设备的响应能力。这是可能的还是有解决方法？ Toggle navigation Work Writings About

Bootstrapvalidation无效: 我正在尝试使用bootstrap进行validation。我在这里试过解决方案，但它没有用。 Full name Email address Gender Male Female Other Say hello 我添加了正确的js文件，请参阅小提琴链接。请帮忙知道问题所在。

如何在Bootstrap固定底部导航栏中添加词缀: 首先，请告知我已经知道，我们可以在Bootstrap中为所有类型的常规navbar添加affix实用程序。但是，在我的情况下，我需要将词缀添加到特定的navbar-fixed-bottom Navbar。 @import url(“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”); Toggle navigation Brand Link Link Link Link Link 我想做的共鸣是在页面加载时在viewport底部显示导航栏，然后向下滚动将其粘贴到顶部。如果这是可行的，你能告诉我吗？

如何重构代码以使Bootstrap的模态方法使用回调异步？: 我在我的网站上使用Bootstrap v3.3.0 。我正在使用Bootstrap框架的模态对话框function。我已经为表单提交编写了一个jQuery-AJAX函数，如下所示： $(‘#rebate_request_form’).submit(function(e) { $(‘#rebateModal’).modal(‘hide’); $(‘#progressModal’).modal(‘show’); var fileInput = $(“#receipt_image”)[0]; var input = $(“#receipt_image”).val(); var form = $(this); var formdata = false; if(window.FormData) { formdata = new FormData(form[0]); } if(input != ”) { var ImgSizeInBytes = fileInput.files[0].size; var filename = $(‘input[type=file]’).val().split(‘\\’).pop(); var customer_id = $(‘#customer_id’).val(); } if(input!=” && ImgSizeInBytes > 10485760) { […]