jQuery手风琴和标签

时间:2011-03-29 12:10:16

标签: jquery jquery-ui tabs accordion jquery-ui-accordion

我正在尝试在jQueryUI标签中使用jQueryUI手风琴。我已经读过有问题的人,并且已经发现了一些帖子,这些帖子已经通过在标签''show'事件中初始化手风琴而获得成功,但是当我尝试这个时,我只看到两个半样式的标签标题而没有手风琴功能。我在页面加载事件中有以下内容:

$().ready(function() {  
   tabs = $('.jqTabsStandard').tabs({
        show: function(ev, ui) {
            $('.ingredientsAccordion').accordion({
              autoHeight: true,
                header: 'h3 a'
            });
        } 
    });
});

页面为here - 单击配方的编辑(铅笔)按钮,然后单击配料选项卡。

2 个答案:

答案 0 :(得分:1)

解决方案就像更改加载UI的顺序一样简单。首先初始化手风琴,标签,手风琴的高度,并不是看不见的。

答案 1 :(得分:0)

我在Chrome中使用开发者工具检查它:您的手风琴数据容器没问题但是高度为1px。这就是你几乎什么也看不见的原因。尝试更改标签容器的高度,因为当手风琴在适合内容的标签上启动时,手风琴实际上没有滑动空间。我很抱歉英语不好:)