草庐IT

Bootstrap5 徽章(Badges)

全部标签

javascript - Bootstrap 3 : Show spinner + fade background whilst waiting for modal content to load

所以我知道您现在可以使用data-target+href来加载远程内容,但是,我从ajax响应中得到的是json(而且我无法更改服务器端),所以我首先需要对其进行处理。我想展示一个微调器,我有它的CSS,但也想已经淡出当您将类“淡入淡出”添加到模态div时发生的背景。有谁知道如何手动启动它,并确保在我显示模态时不重复动画? 最佳答案 在我使用Bootstrap3的元素中,我创建了一个pleaseWait函数,我从其他执行AJAX调用的函数中调用该函数。此功能包含显示和隐藏功能。show函数将加载我希望显示的html(微调器、文本等)

javascript - Bootstrap ui angularjs 与过滤器问题

我正在使用BootstrapUI在我的Angular应用程序中。我在html页面中有一个工具提示,效果很好。我注意到,在显示工具提示并移出鼠标后,Ui-bootstrap-tpls.js触发了一个名为“hideTooltipBind”的方法,该方法依次调用$apply并触发该范围内的过滤器重新加载。假设我在范围内有10个过滤器,每个过滤器过滤100个数组。每次显示工具提示时,我的所有过滤器都被迫重新加载。我怎样才能避免这种情况?我正在使用//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.jsjquery-2.0.3.jsu

javascript - 通过 npm 更改为使用 bootstrap

我正在开发一个目前使用Bootstrap的项目。然而,这是通过将Bootstrap文件加载到子目录中来完成的。我想转而使用npm,因为这样可以更轻松地保持最新状态。我们现有的style文件夹包括bootstrap和source作为子文件夹+一个index.js文件:varms=require('ms');varjoin=require('path').join;varless=require('transform')('less');varexpress=require('express');varapp=express();.............*othercode*app.ge

javascript - 使用 AJAX 的 Bootstrap 工具提示(再来一次)

平凡、常见的用例我想要一个工具提示,它在鼠标悬停时立即显示正在加载的GIF,该GIF被AJAX成功回调产生的HTML所取代。AJAX工具提示的错误答案几乎与在线问这个确切问题的人一样多。特别是,我一直在模拟我在this上的努力。,this,尤其是几个答案here.对于所有这些解决方案(即使是那些专门声称可以解决该问题的解决方案),我一直遇到的问题是,工具提示偶尔会延迟出现并且无法消失。这也不是库问题,因为我过去在使用jQuery-UI工具提示时遇到过同样的问题。图书馆jQueryv2.2.3Bootstrapv3.3.6之前尝试过使用jQuery1并遇到了同样的问题:jQueryv1.

javascript - Rails 在 Bootstrap 4 模态中执行 Javascript

我有一个Rails5.1应用程序,我在其中使用Ajax在使用coffeescript/JS的表单内创建患者记录。使用以下代码可以正常工作:_form.html.erb×AddPatientapplication.js$(document).on('turbolinks:load',function(){$('#patient_date_of_birth_modal').datepicker({format:'yyyy-mm-dd',zIndexOffset:100000,forceParse:false});});患者.咖啡$(document).on'turbolinks:load'

javascript - Bootstrap Dropdown addEventListener( Vanilla js)

快一点。我正在尝试使用标准javascript连接到Bootstrap下拉方法show.bs.dropdown。我见过很多jquery解决方案,但我似乎无法使用vanillajs进行复制。Jquery$('.city-picker').on('shown.bs.dropdown',function(){console.log('CalledfromwithinJqueryevent');});普通JSletpicker=document.getElementsByClassName('city-picker')[0];picker.addEventListener('shown.bs.

销毁 Bootstrap 弹出窗口时出现 Javascript 错误

试图在旅途中更改BootstrapPopover的标题和内容,我遇到了一些麻烦。我在销毁选择器中的弹出内容时遇到了这个问题。错误是这样的TypeError:'undefined'isnotafunction(evaluating'data[option]()')这段代码是这样的:$("#test_name-"+json.test_id).popover('destroy');我在该行中得到了错误。我检查过$("#test_name-"+json.test_id)确实包含一个Popover。已编辑:感谢评论,我解决了它。我没有使用最新版本的Bootstrap。升级到2.1.0后,一切似乎

javascript - jQuery Bootstrap ScrollSpy 不起作用

我正在尝试使用ScrollSpyBootstrap插件,但它无法正常工作。请参阅下面的代码,它始终突出显示最后一项。http://jsfiddle.net/bRYMC/Page1Page2Page3Page4Page5Page1Page2Page3Page4Page5你能帮帮我吗? 最佳答案 在body标签上设置data-spy="scroll",它应该可以工作。请检查更新的jsFiddle. 关于javascript-jQueryBootstrapScrollSpy不起作用,我们在St

javascript - Bootstrap 下拉事件不适用于 bootstrap-ui

根据http://getbootstrap.com/javascript/#dropdowns打开/关闭下拉列表时会抛出事件(例如,show.bs.dropdown、hide.bs.dropdown)。这一直有效,直到模块bootstrap-ui处于事件状态。我创建了一个plunkr来显示问题http://plnkr.co/edit/luYpweQZx22IkWHeMKhM.移除对ui.boostrap的依赖时会抛出事件,即varapp=angular.module('myapp',['ui.bootstrap']);替换为varapp=angular.module('myapp',[

javascript - 对话框的 Url 不适用于 angular.bootstrap(无限 $digest 循环)

我有一个平均堆栈网站。我想用ExecuteFunction在对话框中绑定(bind)一个按钮来启动这个网站:functiondoSomethingAndShowDialog(event){clickEvent=event;Office.context.ui.displayDialogAsync("https://localhost:3000/try",{},function(){})}单击该按钮会打开一个带有以下url的对话框,它会显示页面的内容:https://localhost:3000/try?_host_Info=excel|web|16.00|en-us|7fe9b4e9-d