jQuery手风琴和标签

我试图获得jQueryUI选项卡内工作的jQueryUI手风琴。我读过有问题的人，并且发现有几篇帖子报道成功从标签'show'事件中初始化手风琴，但是当我尝试这样做时，我只看到了两个半风格的标签页眉，没有手风琴功能。我在我的页面加载事件如下：jQuery手风琴和标签

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

的页面是here - 点击编辑（铅笔）按钮，为配方，然后单击成分标签。

来源

2011-03-29 Echilon

做手风琴的工作，如果它不在标签中？也可以只给标签和手风琴的HTML – mcgrailm 2011-03-29 13:13:03

请检查： http://stackoverflow.com/questions/1542161/jquery-ui-accordions-within-tabs/6796264#6796264 – 2011-07-22 21:21:04

解决方案与更改UI的加载顺序一样简单。首先初始化手风琴，选项卡，手风琴具有这种高度并且不可见。

来源

2011-03-30 14:36:24 Echilon

我使用Chrome中的开发人员工具对其进行了检查：手风琴数据容器没问题，但高度为1像素。这就是为什么你什么都看不到。尝试改变标签容器的高度，因为当手风琴在标签上启动适配内容时，手风琴实际上没有滑动空间。对不起，我很抱歉:)

来源

2011-03-29 13:37:06 CoolEsh

但容器没有有一个明确的高度，它应该是可用的标签高度，但作为第二个标签（手风琴）隐藏在页面加载时，它是不可见的。 – Echilon 2011-03-29 14:24:39

jQuery手风琴和标签

回答

相关问题