Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jqueryui手风琴不符合高度_Jquery Ui_Accordion_Jquery Ui Accordion - Fatal编程技术网

Jquery ui jqueryui手风琴不符合高度

Jquery ui jqueryui手风琴不符合高度,jquery-ui,accordion,jquery-ui-accordion,Jquery Ui,Accordion,Jquery Ui Accordion,这对你来说应该很容易。我有一个手风琴,我想固定高度。每个窗格的大小应相同,如果窗格上有任何溢出,则应显示滚动条。在下面的代码中,滚动条在第一个窗格加载时显示,但在第一个窗格更改后,手风琴会扩展其高度,因此不再需要滚动条 我做错了什么 <head> <script type="text/javascript"> jQuery(document).ready(function(){ $('#accordion').acc

这对你来说应该很容易。我有一个手风琴,我想固定高度。每个窗格的大小应相同,如果窗格上有任何溢出,则应显示滚动条。在下面的代码中,滚动条在第一个窗格加载时显示,但在第一个窗格更改后,手风琴会扩展其高度,因此不再需要滚动条

我做错了什么

   <head>

      <script type="text/javascript">
     jQuery(document).ready(function(){     
        $('#accordion').accordion({autoHeight: false, clearStyle: true});
     });
      </script>

   </head>

   <body>
      <div id="accordion">
     <h3><a href="#">First Section</a></h3>
     <div style="height:50px; overflow:auto">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis vehicula dui, quis volutpat odio bibendum a. Proin posuere convallis lorem id mattis. Vestibulum lacinia lacinia enim ut euismod. Aenean sit amet tincidunt nunc. Vestibulum gravida, ipsum in tempor dictum, diam nulla auctor purus, a vehicula ante odio quis massa. Pellentesque imperdiet urna ut elit adipiscing ac gravida lectus facilisis. Curabitur laoreet, justo vel dapibus auctor, enim sem dapibus nulla, sed lacinia felis felis sit amet dolor. Nulla lacus dolor, tincidunt convallis sodales vitae, interdum a sapien. Cras ut iaculis orci. Mauris vel nisl vel leo venenatis hendrerit. Duis aliquet lobortis purus, non malesuada lorem sagittis quis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc sit amet posuere eros. Nam vel turpis at sem adipiscing scelerisque a ac dolor. Morbi lobortis tristique felis, at aliquam libero suscipit sed. Aliquam erat volutpat. Donec porta lorem sed nisl fermentum pulvinar vehicula risus tempus. Integer ultricies dignissim vehicula. Morbi non dolor a arcu rutrum congue. Fusce non urna vitae eros blandit vehicula quis vel ligula. 
     </div>

     <h3><a href="#">Second Section</a></h3>
     <div style="height:50px; overflow:auto">
        Etiam varius, orci sit amet pharetra laoreet, diam augue dictum justo, et aliquam enim leo ut nulla. Quisque mi nunc, sagittis at euismod vel, feugiat a erat. In a metus quam. Pellentesque ullamcorper volutpat congue. Nunc facilisis varius velit eu lacinia. Quisque est nulla, tempus commodo gravida quis, consequat ut felis. Donec mattis, neque sagittis feugiat sollicitudin, augue lectus vulputate ligula, eget interdum nulla massa at nunc. Proin rhoncus nunc non felis mattis accumsan. Aliquam metus ligula, adipiscing ac ullamcorper vel, lobortis non erat. Aenean placerat libero porta enim dictum malesuada molestie sapien ultricies. Nullam ac commodo ligula.  
     </div>

     <h3><a href="#">Third Section</a></h3>
     <div style="height:50px; overflow:auto">
Morbi nec risus velit, eget ornare nibh. Duis semper elementum erat, ac egestas purus congue et. Sed commodo lacinia lorem, ac semper risus dapibus mattis. Aliquam quam quam, ultrices quis luctus sit amet, cursus vitae dolor. Nam id lectus justo. Pellentesque in leo sit amet metus eleifend lobortis eget nec turpis. Praesent vitae magna eget mauris cursus tempus vel at mi. Nulla vitae leo accumsan magna mollis luctus. Curabitur viverra nisi ac nisl pulvinar gravida. Curabitur consectetur, diam non placerat sagittis, velit nunc porttitor quam, vel interdum lorem est ut arcu. Suspendisse potenti. Pellentesque vitae leo nunc.

     </div>
   </div>

   </body>
</html>

jQuery(文档).ready(函数(){
$(“#accordion”).accordion({autoHeight:false,clearStyle:true});
});
Lorem ipsum dolor sit amet,是一位杰出的献身者。但威尼斯人的汽车酒后驾车,是一个很好的选择。我是马蒂斯。前庭拉奇尼亚拉奇尼亚埃尼姆尤伊斯莫。埃尼安坐在阿梅特·丁西登·努克旁边。前庭妊娠,同侧颞叶,无腹主动脉,前庭交通工具。佩伦特式营养配餐,用于治疗孕妇面部直视。拉奥里特馆长、拍卖人justo vel dapibus auctor、enim sem dapibus nulla、sed lacinia felis felis sit amet dolor。这是一个不可能实现的目标,一个不可能实现的目标。这是我的朋友。莫里斯·维尔·尼尔·维尔·里奥·维内纳蒂斯·亨德雷特。两个是一对,一对是一对,一对不是一对。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。阿梅特·波苏尔·厄洛斯坐在那里。Nam vel turpis在sem Adipsising scelerisque a ac dolor。Morbi lobortis tristique felis,在aliquam libero suscipit。阿利奎姆·埃拉特·帕特。多奈克·波特·罗勒姆·塞德·尼塞尔发酵液(pulvinar Vehicle risus tempus)。整型豪华车。Morbi non dolor是一种深红色的酒。将非乌尔纳的生命与温和的交通工具融合在一起。
埃蒂亚姆·瓦里乌斯,奥基坐在埃米特·法雷特拉·拉奥里特的位子上,口口声声地说,这是一个利奥·乌特·努拉(leo ut nulla)的位子。奎斯克·米努克(Quisque mi nunc),埃拉塔(euismod vel)的射手座。在一个广场上。佩伦茨克·乌兰科珀·帕特·康格。新设施是葡萄品种。女佣是空的,孕妇是空的,猫是空的。Donec mattis,neque sagittis Feugia sollicitudin,augue lectus vulputate ligula,eget interdum nulla massa在nunc。罗那库斯·努克(Proin rhoncus nunc)非猫科动物马蒂斯·阿库姆桑(mattis accumsan)。这是一条很长的路,一条很长的路,一条很长的路。一个地方,一个自由的门,一个由人类共同创造的世界。为您提供方便。
莫比·内克斯·维利特,埃吉特·奥纳雷·尼布。两种元素都有,一种是混合元素,另一种是普通元素,另一种是混合元素。阿利夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆夸姆。南德·莱克图斯·胡斯托。佩伦茨克在狮子座坐着埃米特·梅特斯·埃利芬德·洛博蒂斯·埃吉特·内克·图皮斯。在密苏里州,你的生命是短暂的。利奥·库姆桑·马格纳·莫利斯·卢克图斯的生命。维韦拉·尼西·尼西(Curabitur viverra nisi ac nisl pulvinar Predida)。连续库拉索,直径不定,矢状体,横切面,中间切面。潜力悬钩子。利奥·努克的佩伦特斯式生活。

I手风琴打开和关闭时,
height
属性正在设置动画。因此,一旦顶部面板关闭一次,它的高度将从内联样式中指定的高度更改为“丢失”

我发现,当我将风格分解到标题中时,手风琴的效果符合要求:

   <head>
    <style type="text/css">
        #accordion>div{
            height:50px;
            overflow:auto;
        }
    </style>
   </head>

#手风琴>提琴{
高度:50px;
溢出:自动;
}

我在中的示例中添加了此样式,但它没有增加手风琴面板的高度,它仍然太小