草庐IT

Bootstrap-sass

全部标签

javascript - 将 Bootstrap 工具提示设置为 AJAX 调用结果

我有一个bootstrap我想从AJAX请求加载数据的工具提示,请求中的文本是工具提示的title属性。我的AJAX请求工作正常,但我有两个问题:为什么来自AJAX调用的数据没有进入工具提示?如何使用我的ttManager对象来封装工具提示的状态?目前,当页面首次加载并且我在控制台中单击#btnSubmit时,我看到成功并且来自console.log(ttManager)行的正确数据$(document).ready(function(){//thisobject'stitleattributewillbethevalueofttManager.titleseenbelowvarttM

javascript - Bootstrap 按钮超链接

我不想使用元素将按钮转换为超链接。我有以下按钮:FirstbuttonSecondbutton如何指定超链接(不使用)并在单击按钮时浏览到页面 最佳答案 您可以将JavaScript用于您的解决方案。window.location.href设置按钮的URL。Firstbutton 关于javascript-Bootstrap按钮超链接,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

javascript - Rails 4 - jQuery 和 bootstrap 的顺序是什么?

我正在尝试弄清楚如何在我的application.js中加载Assets。我的application.js中有这些必需的文件(以及其他文件)。//=requirebootstrap-sprockets//=requirejquery//=requirejquery-ui//=requirejquery_ujs我的gem文件有:gem'jquery-rails'gem'jquery-ui-rails'当bootstrap-sprockets在jQuery之前时,我的bootstrap下拉菜单(如下)工作正常。STATUS:"padding-left:20px;padding-right:

javascript - 模态是 bootstrap4 alpha6 模态的转换错误

我正在使用bootstrap4alpha6Modal,我得到:Error:Modalistransitioning当我尝试通过JavaScript函数再次使用动态数据重新触发相同模式时会发生这种情况,如下所示:functionopenModal(title,text){$('.modal-title').text(title);$('.modal-bodyp').text(text);$('#modalAlert').modal('show');}我尝试使用setTimeout函数,但没有像本文中那样工作:https://github.com/twbs/bootstrap/issues

javascript - 如何在不首先闪烁第一个选项卡的情况下加载以在页面加载时显示 Bootstrap 选项卡?

我有一个看起来像这样的导航栏:PersonalInfoContacts/SiblingsState/FederalEthnicityPlacementMedicalSchoolRelease我有一些设置正确事件选项卡的javascript代码:$(document).ready(function(){varhash=window.location.hash;if(hash){varselectedTab=$('.navlia[href="'+hash+'"]');selectedTab.trigger('click',true);}});上面的代码运行良好(忽略.trigger()的第

javascript - 用于 sass 的 webpack live 热重载

我正在为ReactStarter构建工作流程,并希望在我更改scss文件时自动重新加载浏览器。目前,当我在我的index.js文件(设置为我的入口点)中进行更改时,webpack将热重新加载。但是,当我在scss文件中更改/添加scss代码时,它会被编译,但css不会在任何地方输出,也不会触发浏览器重新加载。我是webpack的新手,非常感谢这里的一些见解。这是我的webpack.config.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTex

javascript - 导航折叠不起作用 [Twitter Bootstrap]

好吧,我只是想做一个基本的导航栏,就像他们在主Bootstrap站点上做的那样。问题是由于某种原因它不工作。我的代码几乎和他们一样。当我调整窗口大小时,导航消失了,但右上角带有三个栏的图标没有显示。所以本质上导航只是被隐藏了。对此有什么想法吗? 最佳答案 想通了!对于任何好奇的人,请确保在bootstrap-responsive.css之前链接bootstrap.css 关于javascript-导航折叠不起作用[TwitterBootstrap],我们在StackOverflow上找到

javascript - 延迟链接 Twitter Bootstrap 模态 ('hide' )

我正在显示一个简单的Bootstrap模态,底部有一个“结帐”按钮。点击我想要的按钮:关闭模式,例如$('#myModal').modal('隐藏')等到动画结束将window.location.href更改为我的“checkout”页面。如果不立即运行下一个函数,我似乎无法找到一种链接方式,例如$('#myModal').modal('hide').each(function(){window.location.href='/checkout';});或者我认为delay()可能会有所帮助,例如$('#myModal').modal('hide').delay(1000).each(

javascript - 为什么 node-sass-middleware 不工作?

我已经在我的express应用程序上安装了node-sass-middleware模块,但是当我调试控制台日志时,我没有得到它的工作,只是因为中间件正在读取不正确的源是:GET/200558.983ms-4651source:/home/karim/Snippets/my-financial/public/stylesheets/sass/stylesheets/main.sassdest:/home/karim/Snippets/my-financial/public/stylesheets/stylesheets/main.cssread:/home/karim/Snippets/

javascript - 在没有动画的情况下将进度条重置为零(在 Bootstrap 中)

我有多个操作要执行,我正在使用Bootstrap进度条来显示每个操作的进度。每个Action完成后,使用下面的代码行将进度条设置为零$('.progress').attr('样式',"宽度:0%")但是,这个动画是相反的,对于用户来说,应用程序似乎正在撤消之前执行的操作。如何在没有反向动画效果的情况下立即重置进度条? 最佳答案 您可以删除进度条的转换,如thisanswer中所述.notransition{-webkit-transition:none!important;-moz-transition:none!important