草庐IT

Zebra_Accordion

全部标签

javascript - Bootstrap : Accordion Collapse stopped working with Bootstrap 2. 0.3

我使用data-toggle="collapse"和data-parent="#selector"的Accordion在Bootstrap2.0.2上运行良好,但是当我切换到2.0时.3Accordion功能停止工作。它仍然打开和关闭targetdiv,但它不会自动关闭打开的targetdiv>当点击另一个带有data-toggle="collapse"的td时。您可以在此处看到它不适用于2.0.3:http://chooserealtoday.com/#faq以下代码示例也在JSFiddle上http://jsfiddle.net/N7MN9/3/.Whatisyourname?Ma

javascript - 检查 jquery ui Accordion 是否存在?

有没有一种简单的方法可以判断页面上是否存在jqueryAccordion...我正在尝试根据通过$ajax运行的选择动态构建Accordion,从xml读取值,并根据选择的xml文件构建串起Accordion,最后追加它。我认为如果Accordion已经存在于页面上,并且用户选择了另一个文件,我将无法销毁Accordion、清除html、附加新字符串,然后创建新的Accordion...喜欢$("#accordion").accordion('destory').html('').append(string).accordion();似乎如果还没有Accordion,这个想法就破灭了…

javascript - 单击标题中的按钮时如何防止 Accordion 切换?

我正在使用bootstrap的Accordion类,并希望在标题中有可以在不切换Accordion的情况下单击的按钮。这是示例HTML:titletestButtonpanelcontent我尝试将onclick处理程序与e.preventDefault();一起使用来阻止Accordion的触发,但它不起作用:window.foo=function(e){console.log("foo");$(".body").append("foo");e.preventDefault();}JSFIDDLE如何防止Accordion在单击按钮时触发? 最佳答案

javascript - Bootstrap Accordion /可折叠不适用于 ul/li 导航

我使用的是最新的Bootstrap,Accordion根本不工作。我的意思是,当我打开带有嵌套“ul”的测试1时,它会切换,但是当我单击带有另一个嵌套“ul”的测试2时,它也切换,但不关闭测试1...谁能帮帮我?它看起来不适用于“ul”和“li”(没有面板类)。提前致谢。附注这是我的Accordion尝试的完整代码。除了自动关闭之前打开的内容之外,一切正常。http://jsbin.com/OKOjUlu/1/edit?html,outputProizvodiTest12SubTest1SubTest1SubTest1Test2SubTest2SubTest2SubTest2SubTe

javascript - Accordion 不会折叠

以下Accordion代码对我来说不能正常工作。FooFoobodyBarBarbody它显示并且项目正确展开,但项目不会折叠。当我单击打开的项目时,它会短暂折叠,然后再次展开。我在Bootstrap版本2.1.0和2.1.1上看到过这种行为。此外,我正在使用jQuery1.7.2和1.8.2并在Chrome22中查看。 最佳答案 问题最终是我不小心将所有javascript脚本文件包含了两次。删除重复项修复了所有问题。我不知道这个错误有多常见,但如果将来其他人遇到这个问题,那么得到这个答案而不是仅仅删除问题可能会有所帮助。

javascript - jquery Accordion 在页面加载时默认折叠

我在我的页面中使用JQueryUIAccordion。我的页面加载有以下Javascript代码:$(function(){$("#accordion").accordion({active:false,autoHeight:false,navigation:true,collapsible:true});});当页面加载时,所有选项卡都会打开几秒钟,然后折叠。可能是它的加载效果。如何使JqueryUIAccordion在页面加载时折叠。请建议 最佳答案 虽然不是直接的答案,但也许您可以隐藏它,然后在创建时显示它:$("#accor

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

当一个面板打开时,我需要让它滚动回到刚刚点击的面板的“.panel-title”。我知道我可以创建一个指令来执行此操作,例如(从thissite获得):.directive('scrollTop',scrollTop);functionscrollTop(){return{restrict:'A',link:link};}functionlink($scope,element){$scope.collapsing=false;$scope.$watch(function(){return$(element).find('.panel-collapse').hasClass('colla

javascript - Accordion 在 Bootstrap 4 崩溃中不起作用

https://fiddle.jshell.net/8v72rtxb/我有以下代码。StudiesSomething...ResearchSomething...我不知道为什么data-parent不起作用。展开一个折叠div不会关闭另一个折叠。我试图从bootstrap的例子中复制代码,但它仍然不起作用。同样在我的项目中,我在bootstrap.min.js之前包含了jquery.js。我检查了其他一些问题,他们说bootstrap.min.js可能被包含了两次。但事实应该如此吗?感谢阅读! 最佳答案 我想出了一个解决方法。即使不

javascript - 如何取消 Accordion 控件的更改事件

$("#accordion").accordion({change:function(event,ui){alert('eventhavetobechanged')},changestart:function(event,ui){returnfalse;}});是否可以取消更改事件? 最佳答案 我不确定更改,但对于jqueryui中的其他事件,返回false会取消事件。 关于javascript-如何取消Accordion控件的更改事件,我们在StackOverflow上找到一个类似的问

javascript - 如何实现 twitter bootstrap Accordion ?

我正在尝试实现TwitterBootstrap折叠插件(http://twitter.github.io/bootstrap/2.3.2/javascript.html#collapse),但我似乎无法让它工作。认为我的开发环境有问题,我设置了一个JSfiddle,但我仍然遇到同样的问题。这是jsfiddle:http://jsfiddle.net/qdqrT/1/这是直接从Bootstrap示例中复制的HTML。CollapsibleGroupItem#1Animpariaturcliche...CollapsibleGroupItem#2Animpariaturcliche...C