Tag: twitter bootstrap

将消息返回到用于登录的bootstrap模式: 我正在使用bootstrap模式中的登录构建一个网站。如果用户输入了错误的用户名或密码，我希望它在模态上显示一条消息。我已经能够通过ajax将消息作为json传递，但IE尝试将json作为文件下载，Chrome在浏览器窗口中打开它。我如何让它停止这样做？登录表单处于部分视图中，在模式中呈现： × Log In to your Account @using (Html.BeginForm(“Login”, “Login”, FormMethod.Post, new { id = “loginForm” })) { @Html.AntiForgeryToken() @Html.ValidationSummary(true, “”, new { @class = “text-danger” }) @Html.LabelFor(model => model.UserName, htmlAttributes: new { @class = “control-label” }) @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = “form-control”, id = […]

Bootstrap Vue – 更改下拉背景: 我正在使用Bootstrap Vue插件 – https://bootstrap-vue.js.org/ 当有人从下拉列表中选择值时，我需要更改下拉菜单默认背景。但这就是问题所在。当有人点击下拉菜单时，他们会在dropwdown包装中切换“show”类。没有任何新类的红色突出显示div。我尝试设置.dropdown-toggle类，但它只覆盖默认样式。有解决方案吗 .dropdown-toggle{ background-color: #FF5722; border-color: #FF5722; } 的jsfiddle

如何将bootstrap中的下拉代码转换为hoverable？: MultiCol Menu A B C 1 2 3 a b c 上面的代码是完美的下拉，但如何使上面的代码可以恢复。当有人hover他/她的鼠标时，将显示3列，目前它完全适用于下拉列表。

Chrome中的Bootstrap 4轮播响应问题: 我在Chrome中只有Bootstrap 4轮播的问题。这是我的代码： Previous Next 这是我的小提琴： https://jsfiddle.net/benjamin_edwards/1gx43oph/ 这是一个问题的图像：如您所见，左侧窗格是Chrome，右侧是Safari。只有Chrome有一个盛开的问题 – 有没有人经历过这个问题？干杯，本。

显示模态窗口后jQueryvalidation插件不起作用: 我有jQuery Validation Plugin的问题。我使用ASP.NET MVC和Entity Framework。该项目有很多图书馆，很难理解问题并找到答案。我有一个表格，其中有字段的部分。我使用validation插件来validation客户端字段。该部分是可折叠的，可以打开和关闭。在内部我有打开模态窗口的按钮。在窗口内我可以搜索使用Ajax的数据。用户可以手动添加信息，可以添加使用Ajax的信息，字段可以为空。第一项任务是为隐藏字段添加validation。我在$（document）.ready中添加了setDefault for validator： jQuery.validator.defaults.ignore = “”; 当我为validation器添加设置忽略时，一切都可以正常使用隐藏字段和打开字段但是在显示模态窗口后validation器插件不起作用。在FireBug中我收到错误：TypeError：validation器未定义（两次）。我打开并关闭模态窗口（没有Ajax搜索），我接受此错误，validation器不起作用。这是模态窗口代码： @using (modal.BeginBody()){ @using (var form = Html.Bootstrap().Begin(new Form().HtmlAttributes(new { onsubmit = “return false” }))) { @form.FormGroup().TextBoxFor(model => model.EANCode).Label(); @form.FormGroup().TextBoxFor(model => model.Name).Label(); @form.FormGroup().TextBoxFor(model => model.InternationalName).Label(); @Html.Bootstrap().Div(Html.Bootstrap().SubmitButton().Text(“Wyszukaj”).Id(“search-specific”).Style(ButtonStyle.Success). ButtonBlock().PrependIcon(“glyphicon glyphicon-search”)).Class(“col-lg-5 col-lg-offset-7”); } }@using (modal.BeginFooter()){@Html.Bootstrap().Button().Text(“Zamknij”).Data(new […]

Bootstrap DatePicker – 跳过范围内的日期数组: 我有一个残疾人日历IMAGE我禁用星期日和星期六和日期之前有这个属性： //datesDisabled: datesForDisable, –> this is array //daysOfWeekDisabled: [0, 6], 我想在哪里选择date日期中的第18个日期和日期中的第23个日期以获得日期长度 – > 2我想跳过禁用日期我在这里使用function var enumerateDaysBetweenDates = function (startDate, endDate) { var disabledDates = [“13/01/2017”, “19/01/2017”, “20/01/2017”]; var DisableDays = [0, 1]; var dates = []; var currDate = startDate.clone().startOf(‘day’); var lastDate = endDate.clone().startOf(‘day’); dates.push(currDate.clone().toDate()); while (currDate.add(‘days’, 1).diff(lastDate) < 0) { if (disabledDates.indexOf(moment(currDate.format('DD/MM/YYYY'))) == […]

使用Bootstrap Datepicker选择月份日期范围和月份: 如何使用Bootstrap Datepicker选择月份日期和月份的范围？我目前正在使用jQuery UI datepicker来选择月和周。这是我尝试在月份转换的周日期范围的示例。但是得到问题这里是js小提琴的链接https://jsfiddle.net/prtk/znbx32j1/1/ HTML Select Week « » JS var weekpicker, start_date, end_date; function set_week_picker(date) { start_date = new Date(date.getFullYear(), date.getMonth(), date.getDate() – date.getDay()); end_date = new Date(date.getFullYear(), date.getMonth(), date.getDate() – date.getDay() + 6); weekpicker.datepicker(‘update’, start_date); weekpicker.val((start_date.getMonth() + 1) + ‘/’ + start_date.getDate() + ‘/’ + start_date.getFullYear() + ‘ – […]

使用MVC5 C＃和Razor在局部视图中运行javascript: 我使用Razor引擎在MVC5和C＃中有一个小型Web应用程序。在我的代码中，我有一个主视图，它是一个表的索引，带有一些按钮。当我单击其中一个按钮时，会出现一个Bootstrap模式。到目前为止一直很好，但问题是我想在点击模态上的按钮时执行某些操作，但没有任何反应。这是主要观点： Package List 这是我通过使用jQuery显示模态的方式： //Show Edit Package modal $(“.btn.btn-default.editPackage”).click(function () { $.ajax({ url: $(this).data(‘url’), type: ‘GET’, cache: false, success: function (result) { $(‘#editModal’).html(result).find(‘.modal’).modal({ show: true }); } }); return false; //prevent browser defualt behavior }); 到现在为止还挺好。一切正常。问题来自模态…… 这是模式： Edit Package MyPackage Package Name: Close Save changes 这是我希望在单击模态中的按钮时运行的Javascript： $(document).ready(function() { $(“#savePackageChangesBtn”).click(function() […]

在Bootstrap模式确认按钮上单击，创建并下载文件jquery或knockout js: 我有一个bootstrap模式（bootbox），在其上确认操作，我想创建一个包含一些数字的文件，并将文件下载为文本文件。我已经提到在内存中创建一个文件供用户下载，而不是通过服务器，但在我的情况下它没有帮助。这是代码： bootbox.confirm(“Item not found! Do you want to download the text file?”, (yes) => { var items = response.itemNumbers; this.href = “data:text/plain;charset=UTF-8,” + encodeURIComponent(items); }); 我也试过这个： bootbox.confirm(“item not found! Do you want to download the text file?”, (yes) => { var itemNumbers = response.itemNumbers; var textFile = null; var data = new Blob([itemNumbers], […]

Bootstrap将行添加到表中: 我试图动态添加行到我的表。出于某种原因，当我向表中添加一行时，它会全部被压缩，并且不会跨越整行。为什么会发生这种情况，我该如何解决？这是我的文件，如果你想运行它，看看我的意思 jQuery的： $(document).ready(function () { $(‘.close’).on(‘click’, function (e) { e.preventDefault(); $(this).parent().parent().remove(); }); $(‘#submit’).click(function () { var name = $(‘input[name=name]’).val(); var phone = $(‘input[name=phone]’).val(); var email = $(‘input[name=email]’).val(); var tr = “\ \ ” + name + ” \ \ \ \ X\ ” + name + “\ >Phone: ” + phone + […]