3

AnythingSliderからサイトを作成していて、パネル内でjQuery UIのアコーディオン機能を使用したいのですが、ページ全体がベッドをうんちします。jsとcssへのすべての参照が機能します。そして今、ニュースのために...

<script type="text/javascript">
  // Set up Sliders
  // **************
  $(function(){
   $('#slider').anythingSlider({
    startPanel             : 1,
    buildArrows     : false, 
    autoPlay               : false,
    width                   : 600,   // if resizeContent is false, this is the default width if panel size is not defined
    height                  : 350,   // if resizeContent is false, this is the default height if panel size is not defined
    resizeContents        : false, // If true, solitary images/objects in the panel will expand to fit the viewport
    startStopped          : true,  // If autoPlay is on, this can force it to start stopped
    navigationFormatter  : function(index, panel){ // Format navigation labels with text
     return ['home', 'menu', 'find us', 'order online', 'cater', 'contact'][index - 1];
    }
   });

   $("#accordion").accordion({ header: "h3" });

  });
 </script>

そして体内で：

<li class="panel2">

  <div id="accordion">
   <div>
    <h3><a href="#">First</a></h3>
    <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
   </div>
   <div>
    <h3><a href="#">Second</a></h3>
    <div>Phasellus mattis tincidunt nibh.</div>
   </div>
   <div>
    <h3><a href="#">Third</a></h3>
    <div>Nam dui erat, auctor a, dignissim quis.</div>
   </div>
  </div>
    </li>
4

2 に答える 2

1

欠けているのは、panel2 の高さを設定するための CSS 定義です。最初は単なるリストであるため、高さははるかに小さくなっています。でもアコーディオンにすると高さが増します。もっと簡単な方法は考えられないので、必要な高さを把握するのがおそらく最善です。

.panel2 { height: 350px; }

ここにデモがあります。

また、デモで設定resizeContents: trueした場合、上記の CSS は必要ありません。

于 2010-12-07T21:38:58.037 に答える
0

私の愚かな、愚かな悪い。できます。コピーして新しいドキュメントに貼り付けた結果、何かを追加するのを怠りました。興味のある方：http: //bigsilkdesign.com/mercado/

お手数をおかけいたしますが、ご回答をよろしくお願いいたします。そのために、あなたは1つ上げます。あなたがそれを必要としているわけではありませんが、当然のことながら信用してください。

他に何もない場合は、AnythingSlider の変更された使用方法を確認するために...

于 2010-12-10T06:26:52.220 に答える