1

我有一个带有视频标签的 div,我的 jQuery 在那个 div 上有 .accordion()。当我单击其他其中一个时,它会将内部 div 的大小调整为全宽一瞬间,然后调整为正确的指定宽度。有解决办法吗?例如,当我单击“系列 2”标题时,系列 1 会按应有的方式折叠,而当系列 2 打开时,它会在瞬间扩大屏幕宽度,然后再回到原来的宽度。

代码:

<div id="accordion">
    <h3 class="stitle">Series 1</h3>

    <div class="viddiv>
        <h3 class="vidtitle">Video 1</h3>
        <div class="inner">
            <video controls preload="auto" width="600px" height="240px">
                <source src="myVid1.mp4" type="video/mp4">
            </video>
        </div>

        <h3 class="vidtitle">Video 2</h3>
        <div class="inner">
            <video controls preload="auto" width="600px" height="240px">
                <source src="myVid2.mp4" type="video/mp4">
            </video>
        </div>
    </div>

    <h3 class="stitle">Series 2</h3>
    <div class="viddiv">
        <h3 class="vidtitle">Video 3</h3>
        <div class="inner">
            <video controls preload="auto" width="600px" height="240px">
                <source src="myVid3.mp4" type="video/mp4">
            </video>
        </div>

        <h3 class="vidtitle">Video 4</h3>
        <div class="inner">
            <video controls preload="auto" width="600px" height="240px">
                <source src="myVid4.mp4" type="video/mp4">
            </video>
        </div>
    </div>
</div>

谢谢!

4

1 回答 1

0

可能是您忘记包含属性heightStyle: "content"

 $(function() {
   $( "#general" ).accordion({
      heightStyle: "content"
   });
 });

在您的手风琴功能中,这里是一个工作示例JsFiddle

于 2013-05-14T06:04:28.870 回答