jQuery UI手风琴问题

我在使用jQuery UI的手风琴插件时遇到问题。在下面的网站上，在初始页面加载之后点击今日。 Accordion通过Ajax加载。jQuery UI手风琴问题

http://opencalendars.com/alpha/v0.9.1/event.php

当我使用一个函数来加载选项卡上直接启动它似乎工作。

http://opencalendars.com/alpha/v0.9.1/event.php?p=2

下面是我使用的选项...

$(".accordion").accordion({'fillSpace': true, 
'clearStyle': true });

任何想法的问题是什么吗？

来源

2011-08-25 Philip Kirkbride

你的问题似乎是在这里：

$("#tabs").tabs({ selected: $.getUrlVar('p'), cache: true, spinner: 'Retrieving data...',fx: { opacity: 'toggle' } }

因为你是从URL中获得的selected的价值，它是不确定的，缺省值为0试试吧默认为1：

var selectedTab = $.getUrlVar('p') || 1; 
$("#tabs").tabs({ selected: selectedTab, cache:...

来源

2011-08-25 13:56:32 Dennis

在这种情况下的第一页。然而它并没有解决手风琴问题。 –

我可能误解了这个问题。当你不去'？p = 2'时，你的问题是它更小吗？ – Dennis

是的jQuery手风琴它并没有显示其中包含的所有内容。使用时不会发生问题？p = 2 –

在选项卡之前实例化手风琴。问题是，当你要求它建立手风琴时，他们已经被标签“隐藏”了，所以手风琴无法正确计算高度。他们错误地认为他们没有内容。

jsFiddle of Tabs before Accordions

jsFiddle of Accordions before Tabs but with 'filSpace':true

jsFiddle of Accordions before TabsWINNAR

注意，第一个例子中有你做同样的问题。只需翻转你两行

$(".accordion").accordion({clearStyle: true }); 
$("#tabs").tabs({ selected: selectedTab, cache: true, spinner: 'Retrieving data...',fx: { opacity: 'toggle' } } 
     ).find(".ui-tabs-nav").sortable({ axis: "x" });

来源

2011-08-25 14:35:15 Sinetheta

我确信这可以解决问题。但实时版本的更新没有任何效果。 –

你为什么要加'fillSpace'：是吗？这表明手风琴会完全填满它的父母。只有你的父母没有大小。 – Sinetheta

其他人曾建议添加'fillSpace'：true。我已经删除它，它不会以任何方式工作。 –

添加我所做的更新使用0而不是1。由于0直播网站的选项

autoHeight: false

来源

2011-09-05 23:15:06

jQuery UI手风琴问题

回答

相关问题