Twitter Bootstrap：如何使用jQuery以编程方式closures模式/ popover

我正在使用jquery bootstrap下拉菜单。 我在下拉菜单中添加了一些input文本，现在我想提交的时候想要做什么，它必须closures下拉菜单。 这有什么办法？

这是来自twitter引导的url的演示： http : //twitter.github.com/bootstrap/javascript.html#dropdowns

!function ($) { var toggle = '[data-toggle=dropdown]' , Dropdown = function (element) { var $el = $(element).on('click.dropdown.data-api', this.toggle) $('html').on('click.dropdown.data-api', function () { $el.parent().removeClass('open') }) } Dropdown.prototype = { constructor: Dropdown , toggle: function (e) { var $this = $(this) , $parent , isActive if ($this.is('.disabled, :disabled')) return $parent = getParent($this) isActive = $parent.hasClass('open') clearMenus() if (!isActive) { $parent.toggleClass('open') $this.focus() } return false } , keydown: function (e) { var $this , $items , $active , $parent , isActive , index if (!/(38|40|27)/.test(e.keyCode)) return $this = $(this) e.preventDefault() e.stopPropagation() if ($this.is('.disabled, :disabled')) return $parent = getParent($this) isActive = $parent.hasClass('open') if (!isActive || (isActive && e.keyCode == 27)) return $this.click() $items = $('[role=menu] li:not(.divider) a', $parent) if (!$items.length) return index = $items.index($items.filter(':focus')) if (e.keyCode == 38 && index > 0) index-- // up if (e.keyCode == 40 && index < $items.length - 1) index++ // down if (!~index) index = 0 $items .eq(index) .focus() } } function clearMenus() { getParent($(toggle)) .removeClass('open') } function getParent($this) { var selector = $this.attr('data-target') , $parent if (!selector) { selector = $this.attr('href') selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 } $parent = $(selector) $parent.length || ($parent = $this.parent()) return $parent } $.fn.dropdown = function (option) { return this.each(function () { var $this = $(this) , data = $this.data('dropdown') if (!data) $this.data('dropdown', (data = new Dropdown(this))) if (typeof option == 'string') data[option].call($this) }) } $.fn.dropdown.Constructor = Dropdown $(function () { $('html') .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus) $('body') .on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.dropdown.data-api touchstart.dropdown.data-api' , toggle, Dropdown.prototype.toggle) .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) }) }(window.jQuery); 

Answer 1

引导模态

试试$('#myModal').modal('hide')

对于bootstrap popover

我刚刚看到你正在谈论一个引导下拉不引导模态：

在这种情况下，你的方法并不坏，只要删除父元素的公开类。 在上面的链接的例子中，第一个dropdown元素的id为“drop3”，所以要编程closures它，你可以这样做：

 $('#drop3').parent().removeClass("open"); 

Answer 2

要closures自举模态 ，可以使用“隐藏”作为选项来模态化方法，如下所示

  $('#modal').modal('hide'); 

请看这里的工作小提琴

Answer 3

如果你正在寻找隐藏模式框。

你能做的最好的是

  $('#myModal').modal("hide");