Tag: twitter bootstrap 3
Twitter Bootstrap – 下拉菜单 – Arrows键不适用于firefox中的输入标签
需求 我想在用户名和密码字段的drowdown菜单中放入一个登录表单，我能够做到这一点。 一切顺利，除了下面的问题， 问题 键入时我无法在firefox中使用箭头键（向上/向下），当输入在drowdown代码之外时，这很有效。 这适用于谷歌crome等其他浏览器。 Firefox版本是26 Bootstrap版本：3.03 jquery 1.10 题： 如何解决这个问题，jquery或twiter的js是否存在问题，因为当我在下拉列表外移动输入时效果很好 小提琴 这是复制相同的小提琴::: http://jsfiddle.net/santoshjoshi/WKU6M/3/ 码： Sign Up
事件差异引导崩溃
目前我的代码就像 $(‘.collapse’).on(‘show.bs.collapse’,function(){ $(‘.glyphicon-plus’).removeClass(‘glyphicon-plus’).addClass(‘glyphicon-menu-up’); }); $(‘.collapse’).on(‘hide.bs.collapse’,function(){ $(‘.glyphicon-menu-up’).removeClass(‘glyphicon-menu-up’).addClass(‘glyphicon-plus’); }); 和我的HTML代码看起来像（例如） 现在发生的事情是 当我点击调用函数或展开div时，所有的span类都变为“glyphicon-menu-up”（由消费引发） 我想做的事情是 当我点击其中一个来调用函数或扩展div我只需要一个span类我点击更改类 可选的 当我点击另一个跨度（或扩展其他div）时，我会在我使用时恢复正常（非点击）状态之前点击 $(‘.collapse’).click(function(e){ e.stopPropagation(); }); 改变JS只会感激不尽 因为我不想更改HTML代码（在这种情况下它只是示例，但在我的整个项目中很难改变所以我尝试通过使用bootstrap的崩溃事件来选择该范围） 谢谢
根据所选选项的宽度调整选择元素的宽度
我希望select元素的默认选项值的宽度更短。 当用户选择另一个选项时，select元素应调整自身大小，以便整个文本始终在元素中可见。 我已经在问题中找到了一个解决方案， 根据选择的OPTION宽度自动调整SELECT元素的大小 ，但它不能用于bootstrap，我不知道为什么。 这是我的尝试： $(document).ready(function() { $(‘select’).change(function(){ $(“#width_tmp”).html($(‘select option:selected’).text()); // 30 : the size of the down arrow of the select box $(this).width($(“#width_tmp”).width()+30); }); }); .btn-select { color: #333; background-color: #f5f5f5; border-color: #ccc; padding:7px; } select { width: 60px; } #width_tmp{ display : none; } All Longer A very very long string…
链接下拉菜单，其中包含引导程序中的选项卡
我在将下拉菜单与标签链接时遇到问题。 我想要的是，当使用制表符并通过Bootstrap 3中的下拉列表或制表符导航选择内容时，除了内容（该类称为“活动”）之外，相关选项卡还要切换为“活动” 。 这是控制选项卡的boostrap.js。 Tab.prototype.show = function () { var $this = this.element var $ul = $this.closest(‘ul:not(.dropdown-menu)’) var selector = $this.attr(‘data-target’) if (!selector) { selector = $this.attr(‘href’) selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ”) //strip for ie7 } if ($this.parent(‘li’).hasClass(‘active’)) return var previous = $ul.find(‘.active:last a’)[0] var e = $.Event(‘show.bs.tab’, { relatedTarget: previous }) $this.trigger(e) […]
HTML / Javascript – 导航到已打开的浏览器选项卡/窗口
我有一个具有仪表板页面的应用程序。 根据用户的浏览器设置，仪表板页面上的不同链接将作为不同的浏览器选项卡或窗口打开。 打开的每个新页面/选项卡在标题中都有一个“ 返回 ”按钮。 该应用程序使用bootstrap框架进行布局。 我所追求的是，在新页面上，当用户点击“ 返回 ”按钮时，我希望用户被带回仪表板页面/标签页。（请注意，我不是在当前页面上加载仪表板页面后。 这可以实现吗？ 如果是，请问一个例子吗？
使用Webpack进行简单的站点
我试图让webpack第一次工作，我在一个简单的网站上做，但无论我尝试什么，它都无法正常工作。 我已经坚持了几个星期，我认真尝试了每一个线程无济于事。 我只需要一个没有webpack问题的人查看我的代码并提供有关如何使其正常工作的评论。 我在src目录中有我的所有源代码。 库和开发人员依赖项位于node_modules目录中。 我想运行webpack并将其输出到dist目录。 如果我只使用src目录中的文件来运行服务器，它运行正常，但是一旦我运行webpack并尝试使用dist目录中的文件，它就会崩溃。 这是webpack.config.js： var webpack = require(‘webpack’); var path = require(‘path’); module.exports = { context: __dirname + “\\src”, debug: true, entry: “./index.webpack.js”, output: { path: __dirname + “\\dist”, filename: “index.min.js” }, module: { loaders: [ { test:/\.js$/, exclude:/(node_modules)/, loader:’babel-loader’, query: { presets:[‘es2015′] } }, { test:/\.css$/, exclude:/(node_modules)/, loader:’style-loader!css-loader’ }, { […]
如何使用jquery切换bootstrap3中页面加载时按钮组中的按钮
我有一个像下面这样的按钮组 Staging Production 我想在页面加载时切换到生产。 我正在做下面的事情。 $(document).ready(function() { $(“#production”).button(‘toggle’); } 但什么都没发生。 我该怎么做？ 另外，我如何知道哪个按钮处于活动状态？ 我正在使用带有Jquery 1.11.1的Bootstrap 3.3.2
Bootstrap 3 + Chosen + jqueryvalidation丢失格式
我有以下代码http://jsfiddle.net/emamut/CBjmj/4/ $.validator.setDefaults({ ignore: “:hidden:not(select)” }); $(‘form’).validate({ highlight: function(element) { $(element).closest(‘.form-group’).addClass(‘has-error’); }, unhighlight: function(element) { $(element).closest(‘.form-group’).removeClass(‘has-error’); }, errorElement: ‘span’, errorClass: ‘help-block’, errorPlacement: function(error, element) { if(element.parent(‘.input-group’).length) { error.insertAfter(element.parent()); } else { error.insertAfter(element); } } }); 但是当选择validation时，格式化将丢失并返回正常的选择格式
JQUERY.COUNTO.JS：在滚动计数数字上不是OnLoad
我正在使用一个页面网站，我想用它添加一个计数数字，所以我使用javascript.countTo.js 。 我创建了每个部分来对相关数据进行分组，并将部分计数器 放在我的投资组合部分 。 每次页面加载数字计数，当我滚动时，我总是看到数字停止或结束它正在计数。 现在，当我滚动并进入部分计数器 时，我想要数字计数。 另外，我在我的网站上使用了WOW.js和easingJS ，如果你把代码与它结合起来是最好的，但如果没有，它也是可以接受的。 代码如下： 的index.html SCROLL DOWN First, Scroll Now Second, try Again but wait for few seconds before scroll to identify. 89 Finished projects 2343409 Templates 1302 Cup of coffees 52 Happy clients /* USE JUST TO ADJUST HEIGHT*/ .justaddheight{ height: 500px; } .text-center{ text-align: center; } […]
应用变换平移时，td边框消失
我正在构建一个具有固定标题和固定第一列的表。 通过在scroll事件上应用transform translateX / Y来保持标题和列的固定。 页面加载时，顶行显示边框，但一旦向下滚动，它们就会消失。 我需要什么CSS才能让边框消失？ 可以在这里找到带有源头的掠夺者。
