草庐IT

Bootstrap-select

全部标签

javascript - Select2 自动触发事件变化

我有4个选择框,当我更改第一个选择框时,执行一些操作,例如清空、追加和设置下一个选择框的新值。因为我用select2就可以设置using$.select2('val','value');只是该命令会触发另一个选择上的更改事件并进行级联更改。请注意.empty()和append()不会触发(我喜欢这样),甚至.val()也不应该触发它,但是当确定使用select2时,您无法使用它访问新的val。代码在这里:functionanidado(selectorOrigen,selectorDestino){id=selectorOrigen;alert(id);destino="#"+sele

javascript - 如何在 React 中使用 Bootstrap 工具提示?

我之前有工具提示,正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定我是否会使用它,因为它仍在大力开发中,还不是1.0。这是我的渲染代码的片段:并调用它:我知道您必须调用工具提示函数才能显示它,我认为这就是我搞砸的地方。我目前正在尝试这样的事情:componentDidMount(){$(this.refs.test).tooltip();//this.refs.test.tooltip();?//$('[data-toggle="tooltip"]').tooltip();?}但是这些似乎都不起作用。工具提示未显示。

javascript - d3.select(this) 适用于鼠标悬停,但不适用于鼠标悬停时调用的函数

我是javascript的新手,目前正在努力选择this对象,同时尝试进行d3选择。我制作了以下示例,其中包含我正在调用的函数和一个onmousemove事件:functionchangeFont(){d3.select(this).attr('font-size','2em')}....on('mousemove',function(){varmouse=d3.mouse(this);varxVal=mouse[0];//thiswouldwork,butnotwhenitscalledinafunction//d3.select(this)//.attr('font-size','

javascript - Select2 国家/地区下拉列表,带有标志

是否有人为Select2提供了带有国旗的国家/地区下拉列表的易于使用的示例?我即将实现一个基于this的建议,但我宁愿避免重新发明轮子。 最佳答案 我正在处理类似的问题,下面是我的解决方法。(function($){$(function(){varisoCountries=[{id:'AF',text:'Afghanistan'},...];//Assumingyouhaveaselectelementwithnamecountry//e.g.$("[name='country']").select2({placeholder:"S

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有

javascript - 使用 URL 和哈希切换 Bootstrap 模式

我想使用带有散列的URL来调用特定的Bootstrap模态。换句话说,用户在page1上并单击指向page2#hash的链接,并且在page2加载时加载#hash模式。根据我在其他问答中读到的内容,我尝试了很多变体,但没有任何效果。我对JS一点经验都没有,所以非常感谢您的帮助!这是我所拥有的:第1页上的链接:第2页的HTML:...第2页上的Javascript:if(window.location.hash){varhash=window.location.hash;$("'"+hash+"'").modal('toggle');}顺便说一下,当用户实际在page2上时调用模式就可以

javascript - Select2 4.0 - 创建后推送新条目

我已经使用Select24.0.0-rc.1几个星期了(使用ajax适配器),我正试图找到一种方法来“推送”数据初始化。在下拉列表中,我可以选择选择列表中的条目(使用ajax)添加一个免费条目(使用createTag)添加新条目如果我选择“添加新条目”,我可以填写一个表格,一旦保存,新数据必须显示为所选条目。如果我使用select2_existing.select2({data:data}).val(4);推送数据,它可以工作,但是ajax调用不再工作。我必须要销毁select2重新创建它这将使我的新数据和ajax适配器正常工作。有没有可能不用create->data->destroy

javascript - Bootstrap Collapse - Jquery "Collapse all"函数

我正在前端使用Bootstrap编写一个个人提要阅读器,并想添加一个“折叠/全部展开”按钮。这是我的第一个JavaScript/JQuery代码,所以除了在FirefoxDeveloperConsole中打印变量外,我不知道如何调试它。我的页面结构由面板组成。用户可以通过单击面板标题来展开或折叠面板。以及一个用于折叠或展开所有面板的按钮。我的解决方案大部分时间都有效,但我注意到一个奇怪的行为。这是我重现问题的方法:第一次打开页面通过单击标题展开一个面板现在折叠所有按钮折叠打开的面板,并展开其他面板。就好像它“切换”所有面板而不是关闭它们一样。在这种奇怪的行为之后,一切正常,如果不刷新页

javascript - Bootstrap 响应式折叠子菜单在第一次折叠时具有固定高度

这个问题可以在所有(我知道的)TwitterBootstrap版本中出现。所以,我有一个导航栏,当屏幕变小时,它变成了一个可折叠的托盘。可以在bootstrap演示站点上看到此行为。我还有子菜单,它们在最初的导航栏展开时看起来是折叠的。问题是,在第一次折叠时,可折叠对象会得到一个明确的高度集。如果您关闭并再次展开,可折叠对象会得到一个height:auto;因此,当我单击子菜单项时,下拉菜单会展开,但由于已明确设置高度,它会溢出。我尝试的解决方案是添加:$(function(){$('.nav-collapse').on({shown:function(){$(this).css('h

javascript - 如何防止 BootStrap 下拉列表中 URL 末尾的#?

我有这个链接:Adduser我使用preventDefault()和returnfalse来避免地址末尾的#。它完美地工作。问题是当我对Bootstrap的下拉菜单执行相同操作时。如果我保留returnfalse,它不会像预期的那样在末尾添加#,但它也会阻止下拉列表消失,就像我删除returnfalse时那样。这是我的下拉代码:ParentItemChilditemJavascript:$("#ddSonBtn").click(function(){//somecodee.preventDefault();});有解决办法吗?我正在使用Bootstrap2jQuery谢谢。