草庐IT

Bootstrap-select

全部标签

javascript - 检测 HTML select 元素是否展开(无需手动跟踪状态)

我想检测下拉列表是否展开。我不想为单击/鼠标悬停等使用额外的事件处理程序,因为下拉菜单是动态的,并且由于其他原因我不能使用jQuerylive之类的东西。基本上我想要一些可以给任意select元素(没有其他附加的事件处理程序、类等)的东西,可以给出是否扩展的真/假答案。对于我的特定应用程序,我正在处理鼠标滚轮事件,但不想在下拉菜单打开时处理它们(这会覆盖浏览器的默认功能)。但是,当鼠标悬停在select上但没有打开它时,我仍然想处理鼠标滚轮事件。 最佳答案 出于类似的原因,我之前调查过这个问题。除了尝试手动跟踪它之外,我永远找不到解

javascript - Select2 - Ajax 搜索 - 记住最后的结果

我正在使用Select23.5.1。使用此插件,我可以成功加载远程数据。但是,我今天在这里提出一个问题以改进此搜索。这是了解我想做什么的分步操作:设置一个带有远程数据加载的Select2(使用ajax)。点击Select2输入并搜索内容。加载将出现,几秒钟后您将看到结果列表。单击其中一个列出的结果-结果框随后会消失。如果再次单击搜索框,列表将为空,您需要再次键入一些新文本才能获得结果列表。有没有可能当我们再次点击搜索框时,没有任何ajax调用,之前搜索的结果列表重新出现?然后,如果用户删除一个字符或更改他的搜索条件,它将再次触发ajax搜索。如果可能,我们将如何编码?我希望我的问题很清

javascript - Internet Explorer 和 <select> 标签问题

我在InternetExplorer7/8下遇到以下问题:我有一个弹出窗口,当用户将鼠标悬停在链接上时会激活该弹出窗口。弹出窗口是一个简单的包含一些数据。这里面标签有一个标记一些秒。我已将mouseover/mouseout事件附加到>,以便此弹出窗口在光标位于其上时保持打开状态。单击时出现问题然后将光标移到任何上秒。这会触发的mouseout事件标记并分别关闭它。如何防止IE中的弹出窗口关闭? 最佳答案 您应该能够通过事件的值来检测情况是否是您想要的情况。这有点令人费解,但似乎可行。在外部div的事件处理程序中,执行如下操作:然后

javascript - Twitter Bootstrap 下拉菜单不起作用

知道为什么这个TwitterBootstrap下拉菜单不起作用吗?头部的Javascript:HTML菜单:Dropdownmenuhere...ItemAItemBItemC 最佳答案 将下拉列表类放在包装li的div上,而不是放在li本身上。像这样...Dropdowntrigger...该示例来自bootstrapsite你的代码应该是这样的......Dropdownmenuhere...ItemAItemBItemC我尝试制作一个嵌套列表,但它不适用于bootstrap。我认为这会使两个下拉菜单混淆。

javascript - Select2 示例不起作用

我正在尝试使用Select2.jsplugin.我创建了一个select2最简单示例的fiddle,但我不明白为什么这不起作用?http://jsbin.com/edeseh/2/edit您可以在fiddle中看到选择列表中的项目选择和允许清除不起作用。谁能帮帮我,我做错了什么? 最佳答案 您应该使用选项值来启用选择和您应该使用空选项来显示占位符和allowClear选项。这是工作fiddle:http://jsbin.com/edeseh/8/edit从链接复制的主要代码:HTML:MustardKetchupRelishJava

javascript - 单击屏幕上的任意位置关闭所有 Angular JS Bootstrap 弹出窗口?

我正在使用Angular指令进行Bootstrap。我在他们的示例中有一个弹出窗口:DynamicPopover当您再次单击该按钮时它会关闭。我想在用户点击任何地方时关闭它——以及任何其他打开的弹出窗口。我没有看到执行此操作的内置方法。 最佳答案 angular.element(document.body).bind('click',function(e){varpopups=document.querySelectorAll('.popover');if(popups){for(vari=0;i

javascript - 如何将 Bootstrap 数据容器设置为特定 ID

我试图制作一个Bootstrap弹出窗口。为此,我根据Bootstrap指南编写了以下代码。我正在使用Bootstrap3.1.0。thisisjustfortext"/>它工作正常,但问题是popovercontent附加到body。我在Bootstrap文档中发现我可以通过data-container属性进行控制。data-container="#anotherDivId"实际上我想将弹出窗口内容附加到特定的div("anotherDivId")而不是附加到body。我的想法失败了,所以任何人都可以帮助我。谢谢。 最佳答案 da

javascript - Ionic、angularjs、bootstrap 3 的左侧多级菜单无法正常工作

我需要这个这是Controller代码:$scope.sideNavMenu={title:"UserManual",subMenu:[{title:"Titleone",link:"index/titleone.html",icon:"fafa-caret-down",subMenu:[]},{title:"Basic",link:"index/basic/basic.html",icon:"fafa-caret-down",subMenu:[{title:"BasicFunction",link:"index/basic/function.html",icon:"fafa-care

javascript - 在 Select Multiple Jquery 中获取禁用选项的值

我的页面上有多项选择,我有一个选项被禁用,因此用户无法取消选择它们,但我不知道如何获取被禁用选项的值。到目前为止我的代码//Getselectedpositionsvar$selPositions=$('select#empPositions').val();HTMLTherearenopositionsassignedtoAdminITDeveloperITGeeks请注意,禁用选项会根据其他变量而变化,但它只会为我提供选定的非禁用值。谁能告诉我这是否可以完成以及如何完成?我正在使用Chosen,因此disabled选项fiddle:http://jsfiddle.net/c5kn5

javascript - 如何让 TinyMCE 全屏模式与 Bootstrap NavBar 一起工作

刚开始在MVCrazor元素中使用TinyMCE,对HTML编辑印象深刻。当我全屏使用它时(使用以下选项)$('#ApplicationHtmlTemplate').tinymce({theme:"modern",plugins:"code,pagebreak,fullpage,table,fullscreen,paste,spellchecker",toolbar1:"undo|redo|copy|paste|searchreplace|spellchecker|table|pagebreak|fullpage|fullscreen"})我注意到它出现在Bootstrap标题栏下方: