loopedSlider jQuery插件问题答案

【问题标题】：loopedSlider jQuery plugin problemloopedSlider jQuery插件问题
【发布时间】：2010-11-26 19:43:33
【问题描述】：

您好，我使用 loopedSlider link text 并且有 html 源代码。

<div id="loopedSlider"> <div class="container">
<div class="slides">
  <div><img src="01.jpg" alt="" /></div>
  <div><img src="02.jpg" alt="" /></div>
  <div><img src="03.jpg" alt="" /></div>
  <div><img src="04.jpg" alt="" /></div>
</div></div><a href="#" class="previous">previous</a> <a href="#" class="next">next</a><ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>

是否可以这样插入div：

<div class="slides">
   <div>
     <div class="newdiv">Some text</div>
   </div>
</div>

如果我插入这个 div “newdiv” 里面没有显示？有什么解决办法吗？

【问题讨论】：

标签： jquery css http xhtml jquery-plugins

【解决方案1】：

它可能是嵌套的 DIV。请尝试以下方法：

<div class="slides">
  <div>
    <span class="newdiv">Some Text</div>
  </div>
</div>

您可以对这个 span 应用必要的样式来赋予它 DIV 特性：

div.slides div span.newdiv { display:block; }

【讨论】：

【解决方案2】：

它的工作，但在你的代码是错误。应该是：

<span class="newdiv">Some Text</span>

【讨论】：

【解决方案3】：

我能问一下这个额外的内部 div 有什么意义吗？如果要提供额外的样式，当然可以使用内联元素（例如 span、em）和 CSS 来实现。

我之前用过loopedSlider with and

每张幻灯片包含的 div 中的元素，并且效果很好。

【讨论】：