Tag: twitter bootstrap

jQuery语法错误：＃​​/

我目前正在为我的Web应用程序使用jQuery，Twitter Bootstrap和AngularJS。 我一直在尝试做路由，但jQuery不断给我Syntax error, unrecognized expression: #/time每当我尝试点击时间选项卡时，反之亦然。 我不知道哪个导致了这个错误，除了它是由＃符号引起的。 我广泛搜索但无济于事。 这是我的代码： Main Time Reports 当我将它用于我的AngularJS路由时，我需要保留斜线（即index.html#/main和index.html#/time将在我的一个div中加载不同的内容）。 什么可能导致此错误？

Twitter Bootstrap贴有Navbar – 下面的div跳了起来

很难描述问题。 所以，看看这个jsFiddle： http://jsfiddle.net/xE2m7/ 当导航栏固定到顶部时，内容会跳到它下面。 CSS： .affix { position: fixed; top: 0px; } #above-top { height: 100px; background: black; } 问题出在哪儿？

Twitter Bootstrap：删除/切换类似复选框的按钮组的活动状态

使用twitters Bootstrap，我创建了一个带有radiobox行为的按钮组，让用户可以在不同的状态之间进行选择。 这开箱即用。 我在这里安排了一个jsFiddle示例： http ： //jsfiddle.net/jpxWj/ 我尝试（并且想要）的是当我第二次单击活动按钮时可以删除按下的状态。 我尝试使用jQuerys removeClass removeClass()从btn类中删除active类，但它不起作用。 （我也试过用.on()删除但这只是保持活动始终隐藏/删除）

将表行从一个选项卡表拖放到另一个选项卡表 – Jquery

我有两个选项卡（使用boostrap构建），每个选项卡都有自己的表。 我需要从一个选项卡拖动表行并放入另一个选项卡表。 拖动时我想在放入表格之前打开光标下的标签。 任何帮助赞赏。 这是我的HTML代码 Tab1 Tab2 col1 col2 col3 col4 256 668 100.95 1.82 256 668 100.95 1.82 col1 col2 col3 col4 256 668 100.95 1.82 256 668 100.95 1.82 这是我的JS代码 $(‘.table-draggable1 tbody’).draggable(); $(‘#my-tabs > li’).droppable({ over:function(event, ui){ console.log(event.target); }, drop:function(event,ui){ } });

如何让Twitter Bootstrap模式在表单提交时保持打开状态？

我试图弄清楚是否有一种相对简单的方法（我对JQuery不熟练）在表单提交后保持模态打开。 （表格包含在模态中）。 如果表单成功或有错误，我的PHP将显示它们，但是一旦按下提交按钮，模态就会关闭。 如果我重新加载表单，我可以看到相应的成功或错误消息，所以一切正常，但我希望最终用户看到该消息，然后单击以关闭该模式。 如果有帮助，我可以发布我的代码。 谢谢。 <?php $success_message = "Thank you, your message has been sent.”; $success = false; // we assume it and set to true if mail sent $error = false; // set and sanitize our form field values $form = array( ‘Name’ => $sanitizer->text($input->post->name), ‘Email’ => $sanitizer->email($input->post->email), ‘Phone number’ => $sanitizer->text($input->post->phone), ‘Type […]

扩展bootstrap-typeahead以获取对象而不是字符串

我扩展了bootstrap-typeahead以获取对象而不是字符串。 它有效，但我想知道这是做事情的正确方法。 谢谢。 参考： http://twitter.github.com/bootstrap/javascript.html#typeahead http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js _.extend($.fn.typeahead.Constructor.prototype, { render: function (items) { var that = this; items = $(items).map(function (i, item) { i = $(that.options.item) .attr(‘data-value’, item[that.options.display]) .attr(‘data-id’, item.id); i.find(‘a’).html(that.highlighter(item)); return i[0]; }); items.first().addClass(‘active’); this.$menu.html(items); return this; }, select: function () { var val = this.$menu.find(‘.active’).attr(‘data-value’), id = this.$menu.find(‘.active’).attr(‘data-id’); this.$element .val(this.updater(val, id)) .change(); return this.hide() […]

关闭bootstrap模式而不使用“hide”和“data-dismiss”

我想有条件地关闭bootstrap模态框。 如果我使用$(‘#modal’).modal(‘hide’); 这个，我的代码出了点问题。 如果我在HTML模板中使用data-dismiss=”modal” ，则在按钮点击之前应执行实际function之前执行模态解除操作。 那么，有没有其他方法可以关闭bootstrap模式或任何想法在运行时使用data-dismiss=”modal” ？

如何在Twitter Bootstrap中同时打开两个modal dialog

我在我的项目中实现了引导程序对话框。 我在该对话框中有一些删除function，删除确认消息打开另一个引导对话框。 但是当第二个确认对话框打开时，第一个对话框不会被禁用，所有事件都会起作用。 当另一个对话框打开时，是否有任何解决方案禁用原始对话框？ 这是我的代码： function OpenDialogForSelectionAdmItem(title, content, callback) { var dlg = new BootstrapDialog({ title: title, content: content, buttons: [{ label: ‘Save’, cssClass: ‘btn-primary’, id: ‘btnSave’, onclick: function (dialog) { } }, { label: ‘Close’, cssClass: ‘btn’, id: ‘btnClose’, onclick: function (dialog) { if (callback != “”) { callback(true); } dialog.close(); } }] }); […]

带有动画滚动的bootstrap.js scrollspy

我目前正在使用这个插件： http ： //github.com/davist11/jQuery-One-Page-Nav 但更愿意转而使用Twitter的Bootstrap.js Scrollspy： http ： //twitter.github.com/bootstrap/javascript.html#scrollspy 但是，这不提供在单击时为滚动动画设置动画的选项。 我该如何添加？

动态定位Bootstrap工具提示（用于动态生成的元素）

我正在使用Twitter Bootstrap提供的工具提示（http://twitter.github.com/bootstrap/javascript.html#tooltips）。 我的DOM中有一些动态插入的标记需要触发工具提示。 这就是我以下列方式触发工具提示的原因（https://github.com/twitter/bootstrap/issues/4215）： $(‘body’).tooltip({ delay: { show: 300, hide: 0 }, selector: ‘[rel=tooltip]:not([disabled])’ }); 为了避免将工具提示放置得太靠近屏幕边缘，我需要能够根据触发工具提示的元素的位置动态设置它们的位置。 我想到了以下方式： $(‘body’).tooltip({ delay: { show: 300, hide: 0 }, // here comes the problem… placement: positionTooltip(this), selector: ‘[rel=tooltip]:not([disabled])’ }); function positionTooltip(currentElement) { var position = $(currentElement).position(); if (position.left > 515) { return “left”; } if (position.left < 515) { […]