Tag: twitter bootstrap

Bootstrap datepicker选择后返回焦点

如果使用autoclose: true 从eternicode初始化引导日期选取器，则会发生两种不良行为： 选择器关闭后，当您切换到下一个字段时，您将再次从文档的开头开始。 这在长forms上可能非常麻烦。 由于选择器以编程方式更改值，因此任何关注输入上的blur事件的侦听器都将无法正常运行。 当您选择选择器值并且输入值未更改时，实际上会出现模糊。 然后bootstrap-datepicker以编程方式更新该字段，因此永远不会使用新值触发模糊。 这是堆栈片段中的演示 ： *选择任何字段，从选择器中选择一个值，然后单击Tab $(“.datepicker”).datepicker({ autoclose: true }); 根据选择jQuery UI datepicker后对Focus字段的回答，您可以使用onClose或onSelect事件，但bootstrap选择器不提供这些事件 。 简单地用hide替换它们似乎也不起作用，因为重新聚焦将创建一个无限循环，在您尝试关闭它时始终保持选择器打开。 $(“.datepicker”).datepicker({ autoclose: true }) .on(‘hide’, function () { $(this).focus(); }); Stack Snippet演示 ： $(“.datepicker”).datepicker({ autoclose: true }) .on(‘hide’, function () { $(this).focus(); });

完整的日历没有显示内部bootstrap模式

我想使用bootstrap模式加载modal dialog。 在其中我想显示一个fullcalendar（jquery one），上面有一些事件。 我创建了我的模态，并放入完整的日历。 但是当模态出现时，完整日历不会显示。 但它显示在模态出现后我按下下一个或上一个按钮。 但是日历上没有任何事件出现。 jsfiddle这里和代码 Launch demo modal × Modal header Close Save changes JS $(“#calendar”).fullCalendar({ header:{ left:’prev’, center:’title’, right:’next’ }, events:’/eventsfeed/’, defaultView:’agendaDay’ }); 这也使事件不会出现在日历上。 这是我/ eventsfeed返回的内容 [{“url”: “/calendar/entry/223”, “start”: “2013-12-04T17:00:00Z”, “end”: “2013-10-04T16:45:00Z”, “description”: “a body”, “title”: “Title entry”}] 我在我的项目和事件的不同页面中使用fullcalendar，一切都正常呈现。 如何在模态出现时加载它

如何隐藏li元素中的所有内容并动态插入div

我正在使用twitter bootstrap。 General Account Settings ${entry.key} ${entry.value} Edit $(function(){ $(this).click(function(){ $(‘li[${entry.key}]’).hide(); }); }); 当用户单击编辑按钮时，必须将以下div动态添加到与编辑按钮关联的li元素。 div中的表单也应该有一个提交和关闭按钮。 在提交/关闭后，div应该在发布过程后再次变为不可见，并使用新值更新相应的li元素。 <form id="editname" action="” method=”post”> 快照

Bootstrap工具提示不显示

我试图在我的应用程序中使用Bootstrap 工具提示 。 目前，我有以下内容： Tooltip on left 不幸的是，我的工具提示没有显示。 我想弄清楚我做错了什么。 我知道它可以通过JavaScript创建。 但是，我正在尝试以声明方式定义我的工具提示。 我已经确认包含了Tooltip.js文件。 但是，我无法弄清楚我做错了什么。 是否可以在纯粹的声明意义上使用工具提示？ 如果是这样，有人可以通过JSFiddle或Bootply样本向我展示如何？ 我真的很想看这个。

Bootstrap popover.toggle（）只显示

我正在尝试集成一个twitter bootstrap popover; 我被迫使用javascript API，因为一些动态元素是通过Ajax加载的，也应该做出反应。 基本上，这是一个应该做出反应的示例标记： See URL正在被正确的URL替换 我的JS： $( document ).on( “click”, “.popoverFileSee”, function() { $( this ).popover( “toggle” ); return false; }); 这是我想要实现的行为： 首次单击时，弹出窗口显示 当打开的弹出窗口发生单击时，它应该关闭它 这不是“切换”的目的吗？ 这个代码示例中有什么问题，或者我应该在我的应用程序的其他地方检查？ 谢谢 编辑：现在，它总是显示popover，即使它已经打开奇怪的事情：如果我添加alert( “test” ); 在我的回调函数中，然后它工作..

如何从其他页面上的超链接链接twitter bootstrap选项卡

我在页面上使用bootstrap选项卡，现在我想从其他页面建立链接。 喜欢Tab1 Tab2 请指导我如何在其他页面的选项卡上使用超链接

Twitter Bootstrap 2 javascript插件无法正常工作

Firebug抛出这些错误： $（document）.on不是函数| bootstrap.js（第786行）： $(document).on(‘keyup.dismiss.modal’, function ( e ) { $（“body”）。on不是函数| bootstrap.js（第139行）： $(‘body’).on(‘click.alert.data-api’, dismiss, Alert.prototype.close) 然后插件不起作用。 有想法该怎么解决这个吗？ 我当然是在bootstrap之前加载jquery，所以我不知道是什么问题。 Jquery工作正常。

WordPress Nav Bar中的自定义短代码

我只是想在我的wordpress主题菜单栏中添加一个短代码按钮来处理bootstrap modal viewfunction。 我试过’ Shortcodes in Menus的Shortcodes in Menus ‘插件，但它不起作用。 我找不到菜单中短代码的替代插件，所以我安装了“ Bootstrap 3 Shortcodes ”插件，它创建了我想要的按钮和模态视图内容。 但我无法在我的菜单栏中添加短代码。 我努力尝试找到一些关于我的问题的答案。 但不幸的是不能。 这是我的模态短代码由Bootstrap 3 Shortcodes插件生成; [modal text=”Download Now” title=”Veteriner Hekimlere Ulaşmanın En Kolay Yolu” xclass=”btn btn-primary btn-lg”] VetMapp’i cihazınıza göre aşağıdaki platformlardan cep telefonunuza ücretsiz olarak indirebilir ve hemen kullanmaya başlayabilirsiniz. [modal-footer] [button type=”primary” style=”border: solid 1px #18bda3; background-color: […]

使用事件侦听器克隆bootstrap元素

我正在尝试克隆一个bootstrap元素，它具有bootstrap提供的数据切换行为： HTML click here foo 克隆后，我将div的ID更改为新的唯一ID，并将按钮的data-target更改为指向新div 。 JS var header = objectContainer.clone(true); var counter = this.collapsibleObjCounter++; var collapseId = “collapsible_obj_” + counter; header.find(“.collapse”).attr(“id”, collapseId); header.find(“button[data-toggle=’collapse’]”).attr(“data-target”, “#”+collapseId); button和div是我克隆的对象容器的子代。 有时它可以工作，但有时我最终会得到一个仍然扩展和收缩原始div的按钮，即使我检查HTML时，ID看起来是正确的。 我怀疑复制的事件处理程序可能是硬编码对要扩展和收缩的div的id的引用，这就是为什么只修复DOM元素中的ID不起作用的原因。 但是，这并不能解释为什么有些克隆工作而其他克隆无效。 克隆附加了引导行为的东西的正确方法是什么？ 所以，有几个答案指出，只是从我的clone()调用中删除true将避免复制事件监听器。 所以我现在意识到我的问题比我在这里过于简化的问题要复杂一些。 我会把它作为一个单独的问题。 （ 克隆Bootstrap元素但不是所有事件侦听器 ）

Typeahead更改源

我正在尝试更改typeahead的来源，但是我找到的所有答案都不适用于我（可能是因为更新的bootstrap版本）。 我根据用户搜索的内容进行了后端搜索。 这是我的代码： $(‘.typeahead’).typeahead({ hint: true, highlight: true, minLength: 1, limit: 2, }, { name: ‘organizations’, source: substringMatcher(getOrganizationData()) }).on(“input”, function(e) { organizationQuery = e.target.value; // Here I want to update the source // Not working: //$(“.typeahead”).data(‘typeahead’).source = substringMatcher(getOrganizationData()) // Not working: //$(‘.typeahead’).data(‘ttTypeahead’).dropdown.datasets[0].source = substringMatcher(getOrganizationData()) // Not working: // var autocomplete = $(‘input’).typeahead(); // autocomplete.data(‘typeahead’).source = […]