Tag: twitter bootstrap

如何防止Bootstrap使拖动行的宽度发生变化？

我想有一个表允许我拖放以重新排序其中的行。 以下是Trevor和原作者提供的解决方案。 拖放时，表及其行的宽度会发生变化，以便对其行重新排序 这是jsfiddle演示 http://jsfiddle.net/trevordowdle/2Sg8v/ 但是，如果我将Bootstrap类“table”添加到表中，则拖动的行会缩小。 我尝试了很多方法来设置拖动行的宽度（由JQuery UI动态创建的行）并没有成功。 这是jsfiddle演示。 http://jsfiddle.net/mddc/8sRxL/1/ 这是添加Bootstrap css后唯一的更改（表类）。 有任何解决这个问题的方法吗？ 虽然post的标题提到了Bootstrap，但它可能只是由100％的表格宽度引起的。 但是，由于我无法控制的设计，我需要100％的表格宽度。 谢谢。

如果通过ajax加载，如何在bootstrap中打开模态？

我正在调用一个div，其中模态是通过Ajax。 加载div及其模态后，按钮将不会打开模态。 下面的代码是模态结构，它只是一个来自bootstrap的普通模态 ，并且已经通过ajax加载： Large modal Filter our work Content….. 如果我需要重新加载bootstrap.js，其中模态jQuery是内容现在通过ajax加载，是否有一种我可以在我自己的ajax回调之后执行的init模式调用？

使用JQuery的datepicker和bootstrap

在我将bootstrap 4添加到我的jQuery项目之前，datepicker看起来像这样： 在我添加bootstrap 4之后，datepicker看起来像这样： 我假设它只是格式/大小已被更改。 如何停止格式化过度并使其看起来像原始格式？ 我尝试了以下内容。 使用jquery而不是$来调用datepicker 调用$.fn.datepicker.noConflict(); （根据jQuery ui datepicker与bootstrap datepicker的冲突，我似乎无法将noConflict应用于noConflictfunction，只能将jQuery作为一个整体） 或者，我试图修复引导程序，使日历看起来更加正确，箭头按钮没有跳转。 试图使用一个特定于bootstrap的日期选择器（虽然我不清楚哪个可以使用Bootstrap 4以及我是否可以使用beforeShowDay方法向它添加工具提示假期，这是我的应用程序的先决条件） HTML代码是这样的： Open Date: 谢谢

Tapestry 5.4不止一次调用jquery

我正在尝试将Bootstrap popover集成到我的Tapestry 5.4-alpha-14应用程序中。 我是Tapestry的新手，我不知道如何在那里使用javascript。 我的问题是，当刷新区域时，我想在区域循环中的每个元素上显示Bootstrap popover。 首先，我在区域中没有元素，然后用户提交表单并加载一个元素，然后进行一些更多的用户交互，另一个元素被加载，依此类推…我想在每个加载的元素上显示popover在循环。 使用下面的代码我只能在加载第一个元素时显示弹出窗口，但是当加载第二个元素时，弹出窗口丢失了。 我还注意到第二次加载时没有调用.js代码。 部分.tml代码： … .java代码的一部分： void onSuccess() { … ajaxResponseRenderer.addRender(selectedPagesZone).ajaxResponseRenderer.addCallback(new JavaScriptCallback() { public void run(JavaScriptSupport javaScriptSupport) { javaScriptSupport.require(“popover”); } }); popover.js代码： (function ($) { options = { placement:’right’, trigger: ‘hover’, container: ‘body’, html: true } $(‘.pop’).popover(options); $(‘.pop’).popover(‘show’); })(window.jQuery); 我很感激你能给我的任何帮助。

反应wirh Webpack + Jquery + bootsrap

我是反应和webpack的新手，我发现错误我无法解决。 我懂了 ： bootstrap.min.js：6 Uncaught Error：Bootstrap的JavaScript需要jQuery 当我尝试在我的项目中导入bootstrap.js时，如下所示： import React from “react”; import ReacrDOM from “react-dom”; import “bootstrap/dist/css/bootstrap.min.css”; import “./assets/css/animate.min.css”; import “./assets/css/light-bootstrap-dashboard.css”; import “./assets/css/demo.css”; import “font-awesome/css/font-awesome.min.css”; import “./assets/css/pe-icon-7-stroke.css”; import $ from “jquery”; import “bootstrap/dist/js/bootstrap.min”; import “./assets/js/bootstrap-checkbox-radio-switch”; import “./assets/js/chartist.min”; import “./assets/js/bootstrap-notify”; import “./assets/js/light-bootstrap-dashboard”; import “./assets/js/demo”; 这是我的webpack.config.js var webpack = require(‘webpack’); var path = require(‘path’); var debug = […]

如何打印Bootstrap模式正好作为显示器？

所以我很难用它的css打印模态。 我想打印出一个完全如屏幕上显示的模态窗口。 我使用了window.print（）命令甚至是javasript / jquery命令。 但css没有附加。 相反，它只打印我的模态一半。 所以，我想要的是，这个模态图像： 模态示例图像 将打印到window.print（），如屏幕上显示的那样。 整个模态块与边框等但没有页面背后。 我试过的代码： function printElement(elem) { var domClone = elem.cloneNode(true); var $printSection = document.getElementById(“printSection”); if (!$printSection) { var $printSection = document.createElement(“div”); $printSection.id = “printSection”; document.body.appendChild($printSection); } $printSection.innerHTML = “”; $printSection.appendChild(domClone); window.print(); } 如果有人会回答这个问题，谢谢！

输入更改后立即运行function

可能重复： bootstrap-typeahead.js在select事件上添加一个监听器 我正在使用Twitter Bootstrap的typeaheadfunction，我想使用.on(‘change’, function(){…}) ，但我的问题是，事件在输入值实际变为一个之前触发选中，并且在调用函数时，函数内的$(this).val()返回更改前的值。 事件发生两次，但只有第二次发生。 我需要一种方法来运行该函数，以便它返回所选的值，并只运行一次。 的jsfiddle

使用分页时选择所有行

我有一个表和SELECT ALL复选框。 我正在使用Bootstrap DataTable对表进行分页，我希望SELECT ALL选择页面中的所有行。 这可能吗？怎么样？ 我使用它，但它只有在我返回该页面时才有效，而不是在我第一次点击它时。 $(“#table”).on( ‘page.dt’, function () { if($(‘#select-all’).is(“:checked”)){ $(“.bulk-checkbox”).prop(“checked”, “true”); } else { $(“.bulk-checkbox”).removeAttr(‘checked’); } }); 谢谢

更改导航栏登录下拉列表以注销ajax

我试图弄清楚如何在用户登录后通过ajax（无页面刷新）更改引导程序导航栏下拉列表。谢谢 About Contact Us Blog Store Login | Register Login Register 我可以让它改变，但它需要页面刷新

TypeError：无法读取null的属性’css’

我试图通过引用它的类名来设置我的div元素的最小高度，但它返回错误： TypeError：无法读取null的属性’css’ 。 HTML元素 ： Please scroll down for more information Javascript ： $(function () { var x = document.getElementsByClassName(“contentContainer”); alert(x); if(x != null) { $(“.contentContainer”).css(‘min-height’,$(window).height()); } }); 有关为什么我收到此错误的任何建议？ 请告诉我。 当我包含我的外部JavaScript文件时，会出现问题： <!– –>