草庐IT

accordion

全部标签

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

javascript - Angular Accordion 不扩展高度

我正在使用AngularAccordion指令来隐藏/显示内容。我面临的问题是内容容器的高度没有改变。这是一个傻瓜:http://plnkr.co/edit/oWXrqoJpaYPDbe4TwT3c?p=preview如果点击ShowMore,您可以看到内容是如何隐藏的,而不是show-jobs的高度在变化。JS:app.directive('sliderContentDirective',function(){return{restrict:'A',compile:function(element,attr){//wraptagvarcontents=element.html();e

javascript - 在大分辨率下禁用 Bootstrap 3 折叠 Accordion 中的切换选项

是否可以仅在较大的分辨率下禁用Bootstrap折叠Accordion的切换功能?目标是让Accordion在小分辨率下折叠并带有切换状态的选项,并在大分辨率下展开而没有切换状态的选项。使用Bootstrap内置功能来实现这一目标的最佳方式是什么?我已经用我现在的东西制作了一个Fiddle演示。我不擅长JS。JSFiddle演示:http://jsfiddle.net/1crojp98/1/HTML:Panel1Loremipsumdolorsitamet,consecteturadipiscingelit.Uttristiquelaoreetdui,idporttitoripsumc

javascript - 重新加载浏览器不会将页面重置为顶部

我以为当您单击刷新时,浏览器应该将您的页面重置到顶部?我正在使用jsAccordion,当我刷新时,它会关闭Accordion但不会将页面重新定位到顶部。http://imip.rvadv.com/index3.html 最佳答案 好吧,如你所见,它没有:)但是你可以用一些简单的jQuery强制它:$(document).ready(function(){$(this).scrollTop(0);});编辑:似乎在IE9、FF12和Chrome20.0中有效的唯一方法如下:$(document).ready(function(){$

javascript - Angular-ui-bootstrap Accordion 和折叠动画不起作用

关于angular-ui-bootstrapdemo/docspage,accordion和collapse单击某个元素时,指令都会动画化。但是动画在该页面上的plunker演示中不起作用。是否缺少某些依赖项或者可能是错误?(在chrome/firefox中测试)更新:我在2015年10月29日更新到0.14.3版,现在一切正常。感谢angularUI团队的辛勤工作! 最佳答案 从0.13版开始,您需要在您的应用程序中包含ngAnimate:bowerinstallangular-animate--save添加对index.html

javascript - 如何在 Angular UI Accordion (uib- Accordion )中动态加载 HighChart?

我正在获取数据,但我必须根据ID将它们绑定(bind)到highchart,如果我单击Accordion,它应该根据ID显示highchart和表格,如下所示这是我的代码{{board.city}}  {{board.name}}  {{board.date|date:'MM/dd/yyyy'}}₹{{board.price}}({{board.change}})DateIn₹{{data.date|date:'MM/dd/yyyy'}}₹{{data.price}}({{board.change}})和Controller$http({meth

javascript - 如何有条件地禁用 jQuery Accordion

我想有条件地在我的菜单上启用和禁用或更好地添加和删除jQueryAccordion,是否可以在屏幕旋转或屏幕大小更改时添加或删除它?我试过了,但它似乎没有用,Accordion保留下来以改变屏幕尺寸。jQuery(document).ready(function(){apply_accordion();jQuery(window).on("orientationchange",function(){apply_accordion();});});functionapply_accordion(){if(jQuery(window).width()更新ifelse部分将是,}else{j