草庐IT

Bootstrap-vue

全部标签

javascript - Bootstrap 3 下拉事件未触发

我正在尝试在BS3.0上运行的网站上的下拉菜单中触发显示的事件http://hmelius.com/avant/index.php我已经在控制台中尝试过这段代码(来自BS3文档页面),但没有成功$('.dropdown-toggle').on('shown.bs.dropdown',function(){console.log("shown");}); 最佳答案 我相信事件是在“父级”而不是切换上触发的,所以它将是切换上方的带有.dropdown或.btn-group的元素;下拉包装元素查看源代码了解我的意思:https://git

javascript - 在窗口上添加 Vue.js 事件

Vue.js允许在元素上应用事件:Play但是如何在window对象上应用事件呢?它不在DOM中。例如:Dragme在这个例子中,如何监听window上的mousemove事件? 最佳答案 您应该在组件的创建和销毁期间手动完成...created:function(){window.addEventListener('mousemove',this.move);},destroyed:function(){window.removeEventListener('mousemove',this.move);}...

javascript - 如何在特定条件下从元素中删除 Bootstrap Affix?

我有一个使用TwitterBootstrapAffix的元素插入。如果窗口垂直调整到小于项目高度的位置,我想从元素中删除词缀功能,因为您将无法在窗口中看到所有内容。到目前为止,我已经在控制台中尝试过这个,只是想看看它是否可以被删除,但它似乎没有用。$("#myElement").removeClass("affixaffix-topaffix-bottom").removeData("affix");$(window).off("scroll.affix.data-api,click.affix.data-api");也许我的做法不对?如何以编程方式从已应用词缀的元素中删除词缀?

javascript - 如何通过 Javascript 获取 Bootstrap 版本?

有没有办法通过调用函数获取Bootstrap版本?我做了一些研究,但找不到任何方法。版本信息包含在开头的注释中,如下所示:`/*!Bootstrapv3.3.7(http://getbootstrap.com)版权所有2011-2016Twitter,Inc.获得麻省理工学院许可*/`但是如果注释被删除,我该如何获得Bootstrap版本?Bootstrap插件中定义了一个版本,但我正在寻找通用的Bootstrap版本,而不是特定插件的版本。 最佳答案 可以通过插件构造函数的VERSION属性访问每个BootstrapjQuery插

javascript - Bootstrap 轮播不自动滑动

我正在使用Twitter轮播(最新版本)的Bootstrap并且我已经开始工作-除了它不会开始自动滑动。单击其中一个导航按钮后效果很好。不确定为什么要这样做。这是我在标题中的JS设置:">">">和HTML:‹›也只是添加了这个无济于事:$('#myCarousel').carousel({interval:1200});进行上述更改后,javascript控制台显示:未捕获的TypeError:对象#没有方法'carousel'(匿名函数)b.extend.readyjquery.min.js:29你关于为什么这不起作用的任何想法? 最佳答案

javascript - 将 bootstrap-slider 与 jQuery UI 结合使用

我想使用bootrap-slider与jQuery用户界面。我按照文档并在加载BootstrapCSS和jQuery后加载了插件代码。但是,slider没有被初始化-保持原样,我在浏览器控制台中没有看到任何错误。代码如下://WithJQuery$('#ex1').slider({formatter:function(value){return'Currentvalue:'+value;}});你能告诉我哪里出了问题吗? 最佳答案 问题是jQueryUI也有一个sliderwidget使用slider()方法初始化,所以存在命名空间

javascript - Bootstrap 日期选择器从另一个日期选择器更改 minDate/startDate

我的页面中有两个日期选择器,都是Bootstrap。条件只是开始日期永远不会比结束日期高。意味着结束日期属性(minDate)必须在日期选择器更改开始日期时更改,结束日期更改时必须更改,开始日期日期选择器的日历最小范围应根据结束日期值。希望你能理解我的问题$(document).ready(function(){$("#startdate").datepicker({todayBtn:1,autoclose:true,}).on('changeDate',function(selected){varminDate=newDate(selected.date.valueOf());$('

javascript - bootstrap tooltip\popover - 解决左侧放置不一致的问题

我一直在做一个元素,我注意到我想要解决的Bootstrap行为中的一些不一致。当弹出窗口(或工具提示,无论什么,它们基本相同)接近屏幕边缘时-如果它是右侧的,当接近边缘时-它会收缩以免离开屏幕(它只能在一定程度上起作用,但这通常就足够了。当展示位置在左侧时不会发生这种情况。即:正确的位置:正常宽度:靠近边缘:左侧位置:正常宽度:靠近边缘:这些图片来自小DEMO我写信来说明这个问题。我把源代码搞得一团糟,至今无济于事。我似乎无法弄清楚到底是什么导致了这种行为。有什么想法吗?附注我正在使用Bootstrap3.1.1。新的3.2没有解决这个问题(我想避免在此时升级)。重大更新!经过一些挖掘

javascript - Vue.js:Nuxt 错误处理

使用vuex设置错误处理有点困难。似乎有很多方法可以做到这一点,而且关于正确错误处理的文档很少。我一直在尝试四种替代方案,但还没有找到令人满意的解决方案。备选方案1-捕获和处理组件上的错误在pages/login.vue:exportdefault{methods:{onLogin(){this.$store.dispatch('auth/login',{email:this.email,password:this.password,}).then(()=>{this.$router.push('/home');}).catch((error){//handleerrorincompo

javascript - Twitter Bootstrap 适用于触摸屏吗?

我正在考虑将TwitterBootstrap(TB)用于移动网络应用程序。下个版本的TB,version3,声称是“移动优先”。但是,查看包含的Javascript文件,我几乎只看到“点击”事件,几乎没有使用任何“触摸”事件。TB依靠Jquery来处理事件。此外,CSS中有很多“悬停”定义,它们在触摸屏上不起作用。即便如此,我在谷歌搜索时发现了很多关于在移动网络应用程序中使用TB的建议和教程。我的问题是:TwitterBootstrap在性能方面(主要是速度和响应时间)在触摸屏上的表现如何? 最佳答案 我一直在使用TwitterBo