3

我正在从 AnySlider 创建一个网站，并希望在面板内使用 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/

不过，谢谢您的回复。为此，你得到一个。不像你需要它，而是在应得的地方归功于它。

如果没有别的，看看我改变了 AnySlider 的使用......

于 2010-12-10T06:26:52.220 回答