1

よろしくお願いします。

jQuery UIアコーディオンを使用していて、アニメーションを作成したいのですが、何らかの理由で機能しません。なぜですか？アコーディオンdivは単に現れたり消えたりします。これが私のコードです：

      <!-- creates  accordion where records can be entered -->
                    <script type="text/javascript">

        $(document).ready(function(){

            $( "#tracking-record-menu" ).accordion({
                collapsible: true,
                    header: '.record-item',
                active: false,
                animated: 'slide'
            });

                            });

                    </script>    

          <!--######### contains tracking record buttons ######## -->
               <div id="tracking-record-container"> 
          <ul id="tracking-record-menu">

<li class="record-section"><span class="record-section-text">Body Metrics</span></li>

<li class="record-item"><div class="record-item-div"><span class="record-text">Distance</span></div></li>

                     <div class="tooltip-record">
                     <form id="distance_graphtracker" method="post" action="">
                     <label for="distance-log-id">Distance</label>
         <input type="text" name="distance_log" id="distance-log-id" />
                     <button type="submit" name="submit_distance" >Record</button>
                     </form>
                     </div>

<li class="record-item"><div class="record-item-div"><span class="record-text">Time</span></div></li>

                     <div class="tooltip-record">
                     <form id="time_graphtracker" method="post" action="">
                     <label for="time-log-id">Time</label>
          <input type="text" name="time_log" id="time-log-id" />
                     <button type="submit" name="submit_time" >Record</button>
                     </form>
                     </div>

</ul>
</div>

PS私はUIエフェクトコアを含めました。

4

2 に答える 2

1

次のような css を使用すると、アニメーションが壊れる可能性があります。

.accordion_item_content { height: auto !important; }

その場合、その要素をアニメーション化することはできません (すべての変更をオーバーライドします)。その場合、アコーディオンでオプション autoHeight: true を使用する必要があります。

于 2012-08-15T15:04:46.077 に答える
0

コードを使用してフィドルを作成しましたが、スライド効果は正しく起動しているように見えます: http://jsfiddle.net/Xzjum/

CSS を含めてもらえますか? スライド アニメーションに何か影響を与えている可能性がありますか?

于 2012-06-04T13:18:08.880 に答える