草庐IT

jekyll-bootstrap

全部标签

javascript - Bootstrap 3 datetimepicker 事件没有启动

我正在使用Bootstrap3DateTimePicker我正在尝试示例8(链接的日期时间选择器)。$('#dpStart').datetimepicker({pickDate:true,//en/disablesthedatepickerpickTime:false,format:"DD-MM-YYYY",useMinutes:false,//en/disablestheminutespickeruseSeconds:false});$('#dpEnd').datetimepicker({pickDate:true,//en/disablesthedatepickerpickTime

javascript - 我的 Bootstrap 警报在关闭后不会显示

您好,我有以下隐藏在页面上的警报×@TempData["selCode"]我用下面的javascript显示它$('#send_reject_btn').click(function(){varselRowIds=$("#ApprovalGrid").jqGrid('getGridParam','selarrrow');if(selRowIds.length>0){$('#reject_alert').show();}else{$('#selectCodeNotificationArea').show();}});这显然链接到我的html中的一个按钮。在显示警报后,如果我使

javascript - Bootstrap 模态 - 单击 "call to action"按钮时关闭模态

我的模式中有一个外部链接,我希望在用户单击该链接后隐藏该模式。我该怎么做?这是我的代码:×TitleYouneedtodoasearchongoogle.comforthat.Launchgoogle.com$('#closemodal').modal('hide'); 最佳答案 您需要将模态隐藏调用绑定(bind)到onclick事件。假设您正在使用jQuery,您可以使用:$('#closemodal').click(function(){$('#modalwindow').modal('hide');});还要确保

javascript - 页面加载时的 Twitter Bootstrap 进度条动画

我有一个包含多个Bootstrap进度条的页面。设置它们的值最初工作正常。虽然我希望进度条在用户打开页面时动画/转换到它们的特定状态。当您单击其中一个栏时,此JS工作正常。在栏的“onload”事件中我需要类似的东西。但是“onload”事件对s不可用//animateprogressbars$('.progress.bar').on("click",function(event){varme=$(this);perc=me.attr("data-percentage");me.css('width',perc+'%');});如何在页面加载时为页面上的所有进度条实现此行为?

javascript - Twitter Bootstrap Typeahead - ID 和标签

我正在使用Bootstrap2.1.1和jQuery1.8.1并尝试使用Typeahead的功能。我尝试显示一个标签并使用一个id,就像一个标准的这是我的预输入初始化:$(':input.autocomplete').typeahead({source:function(query,process){$('#autocompleteForm.query').val(query);return$.get($('#autocompleteForm').attr('action'),$('#autocompleteForm').serialize(),function(data){retur

javascript - Angular 4 Bootstrap 下拉菜单需要 Popper.js

我有一个新创建的Angular4CLI应用程序。运行后:npminstallbootstrap@4.0.0-betajquerypopper.js--save并像这样编辑.angular-cli.json:"styles":["styles.css","../node_modules/bootstrap/dist/css/bootstrap.min.css"],"scripts":["../node_modules/jquery/dist/jquery.slim.min.js","../node_modules/bootstrap/dist/js/bootstrap.min.js","

javascript - 是否可以防止 Bootstrap 轮播在鼠标悬停时暂停并继续自动循环?

是否可以防止Bootstrap轮播暂停鼠标悬停行为并继续自动循环浏览项目?文档只提到了pause:"hover"的默认行为,如果我将pause参数更改为任何其他参数,轮播将完全停止工作,所以我不确定如何禁用此默认行为行为。 最佳答案 我发现"false"的值会导致轮播在鼠标悬停期间继续循环:$('.carousel').carousel({pause:"false"});我正在使用TwitterBootstrapv2.0.2 关于javascript-是否可以防止Bootstrap轮播在

javascript - Bootstrap 4 文件输入

我正在努力使用bootstrap4文件浏览器。如果我使用自定义文件控件,我会一直看到选择文件值。https://v4-alpha.getbootstrap.com/components/forms/#file-browser我想在选择文件后更改选择文件的值。这个值实际上隐藏在css.custom-file-control:lang(en)::after中,我不知道如何在javascript中访问和更改它。我可以像这样获取所选文件的值:document.getElementById("exampleInputFile").value.split("\\").pop();不是我需要改变.c

javascript - 关闭工具提示 Bootstrap 功能

根据documentation可以关闭仅执行$('body').off('.alert.data-api').的功能在tooltip的情况下我从js控制台$('body').off('.tooltip.data-api')尝试了以下操作,但它没有禁用按钮上的工具提示。任何提示如何先行? 最佳答案 您不能以这种方式禁用工具提示,因为它在主体上没有事件监听器。相反,您可以使用以下代码自行禁用工具提示。$('[rel=tooltip]').tooltip()//Inittooltips$('[rel=tooltip]').tooltip(

javascript - 在 Bootstrap 中以模式打开放大图像

如何使用jquery/js和非数据属性在模态中打开/放大图像?每当用户将图像插入内容编辑器时,我都需要它可以点击以在带有js的模态中展开,因此我不能依赖用户输入他们不知道如何使用的数据属性。我试过:-ClicktoEnlargejQuery:-$("#pop").on("click",function(){$(this).modal();});我是否需要向jquery添加信息以传递图像源以显示在模态中?谢谢!!! 最佳答案 如果你使用的是bootstrap3,你可以试试这段代码:HTMLClicktoEnlarge×Cl