Tag: 崩溃

Bootstrap collapse()和未隐藏内容的闪存

使用Twitter Bootstrap框架,我使用$(‘#foo’).collapse()来创建一个FAQ,其中包含默认隐藏的$(‘#foo’).collapse()答案,然后在您单击问题时可见。 问题是我在初始化.collapse()之前获取了所有内容的.collapse() 。 我无法提前隐藏内容(通过display: none ),否则折叠function不知道框的高度,折叠/展开不起作用。 我认为这可以解决,如果$(‘#foo’).collapse()没有动画初始崩溃,只是立即隐藏元素。 关于如何做到这一点(或其他解决方案)的任何想法? 这是一个小提琴: http : //jsfiddle.net/DHZNv/44/ 谢谢!

jQuery Accordionfunction面板在不应打开时打开

我从一个网站(励志像素)中抓取了一个很棒的可折叠手风琴代码。 它工作得很好,除了问题是每当我点击“WEIRD PART”这个词时,面板再次打开,它不应该是。 当我点击“第1章”这个词时,手风琴可以正常工作。 这个词上附有一个span类可能就是这样吗? 你会明白我的意思 HTML代码: Chapter 1 WEIRD PART Mauris interdum fringilla augue vitae tincidunt. Curabitur vitae tortor id eros euismod ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent nulla mi, rutrum ut feugiat at, vestibulum ut neque? Cras tincidunt enim vel aliquet facilisis. Duis congue ullamcorper […]

Bootstrap Collapse force展开全部

我有一堆不同的部分,它们有自己的折叠元素。 我已经实现了jquery来扩展和折叠它们。 jQuery的: $(‘.collapse’).each(function (index) { $(this).collapse(“toggle”); }); HTML代码段: General Q. Can I choose my own Username and Password? A. Yes, you can choose your own Username and Password. We suggest using your email address for your Username, but any username that is between 8 and 20 characters long could be used. A secure Password […]

模拟单击以打开Bootstrap折叠元素

我正在尝试模拟Bootstrap崩溃标题上的clik ,但没有成功。 我真正想要做的是,当用户点击手风琴标题附近的图像时,它会打开,就像用户点击了标题的 。 这是一个更好理解的FIDDLE 我的HTML标记如下所示: Filter the results 1st column content 2nd column content 但我不知道如何在SimulateClick() JS方法中编写“点击图像,打开手风琴”。 我尝试过类似的东西 $(“#collapseOne”).click(); 要么 $(“#collapseOne”).addClass(“in”); 但它没有做任何事情。 任何的想法 ?

通过事件触发Bootstrap .collapse(’toggle’)

我有一个跨越几个开箱即用的Bootstrap Collapse窗格的表单。 它们在鼠标单击时正确切换 – 现在我想通过从当前打开的窗格的最后一个输入切换时发生的任何事件触发来实现打开关闭窗格的方法。 IOW,当我逐步通过打开窗格的输入字段时,我可以从一个输入切换到下一个输入 – 当我从最后一个输入中选择时,焦点将转到下一个窗格的后续标题区域。 我喜欢.collapse(‘toggle’)到标题区域的行为.collapse(‘toggle’) ; 我尝试了一些变化: $(‘#collapseAcct’).focus(function () { $(‘#collapseAcct’).collapse(‘toggle’); }); 并尝试攀爬家谱:parent但没有找到钥匙。 我的窗格结构:我正在使用3个窗格,其中唯一标识符是div结构深层嵌套的一层 – 与BS的文档几乎相同。 EG窗格的1个窗格: Account content[and everything wraps out accordingly]

jQuery显示具有更多和更少链接的第一个X元素

我正在尝试找到一个jQuery解决方案,在左侧导航filter中显示每个菜单上的前3个项目,并显示“显示更多”和“显示更少”链接,以便用户扩展列表。 我已经搜索了一个解决方案,但大多数展开/折叠脚本完整隐藏图层,而其他人显示展开(显示更多)链接但不切换显示折叠(显示更少)链接。 我的菜单编码如下。 Item 1 Item 2 Item 3 Item 4 Item 1 Item 2 Item 3 Item 4

如何通过单击打开和折叠手风琴Jquery

尝试单击打开并折叠手风琴。 我能够但是当我选择另一支手风琴时它会越来越近。 它应该选择或关闭同一个手风琴。 这是我试过的。 JS: $(document).on(“click”, “.accordion-toggle”, function () { if ($(this).attr(‘class’).indexOf(‘open’) == -1) $(this).toggleClass(“open”).next().slideToggle(‘fast’); //Hide the other panels $(“.accordion-toggle”).not($(this)).removeClass(“open”); $(“.accordion-content”).not($(this).next()).slideUp(‘fast’); }); 小提琴: 演示

用jQuery提升多个父母 – 更有效的方式?

所以,我有一个列表导航,并有子列表和子列表。 基本上,导航默认是折叠的,但是如果人们点击子列表中的页面,我想显示父列表。 如果它是子列表的子列表,我需要显示两个父列表。 我已经设置了,但是,我不喜欢将5 .parent()。parent()向上移动以扩展列表。 有更有效的方法吗? HTML: Welcome to Beat Basics and Beyond What’s in this course? Defining Your Beat Boundaries of Your Beat The Beat Description Activity: Build Your Own Beat Description Getting Started Debrief Your Predecessor Activity: List The Top Five Tips From Your Predecessor Covering Your Beat With The Internet Get in […]

Jquery 1.6.2崩溃了IE8标签

你好开发者, 我对这个问题感到有些困惑,因为我在三天前使用JQuery 1.6.2时没有任何问题。 (在这个时间点附近有一个服务包更新) 无论如何,问题如下: 我在HTML5编码,已经有一段时间了,没有问题,但三天前我开始更新一些旧的网站。 这个特定的网站(以及其他一些网站)需要更新JQuery版本,因此我决定调用Google提供的托管1.6.2版本。 一旦我这样做,我的网站开始崩溃我的IE8标签。 在我正在处理的网站上,我的自行车插件不再有效,出于某些奇怪的原因,当我将鼠标hover在链接上时,我的UL列表现在变为白色! 我开始拔出我的头发,并认为可能IE8与HTML5有兼容性问题,所以我回去改变所有编码,摆脱HTML5元素,然后甚至回到xhtml doctype。 它仍在继续。 然后我浏览了插件代码,试图找到遇到同样问题的其他人。 没错。 最终我拿出了Jquery,网站恢复正常,并没有崩溃标签! 我已经用旧的版本替换了1.6.2版本,我已经铺设了1.4.3左右,这似乎工作得很好!? 是否有其他人在使用1.6.2和IE8时遇到问题 – 就像在其他所有浏览器中一样,我可以在网站上得到完美的表现,无论我调用的是什么版本的JQuery。 提前致谢。 亲切的问候 理查德

Bootstrap折叠。 如何一次只扩展一个div

我怎样才能一次展示一个? 演示: http : //jsfiddle.net/tvvq59wv/ $(‘.collapser’).click(function() { $(this).next().collapse(‘toggle’); }); asfa asf asfasf afsf afsasf asf asf asf adf test asf afsas afsasf asf asf t1 asfa afsasf test sd sdgs sd asf asfas afasf asfasfgd asf afsas afsasf asf asf t1 提前致谢!