Question

关于jQueryUI's accordion的几个问题，这是我得到的简单代码：

 <h3><a href="#">Section 10</a></h3>
<div>
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>

手风琴内的div是否有可能拥有动态内容？
我知道主题滚轮可以更改小箭头图标，但是如何在H标签中放置一个小图像图标呢？无论我尝试什么都不显示，只有H标签文字。
是否有可能让一些手风琴条锁定，所以它们无法扩展？而其他人还可以吗？

Answer 1

手风琴内的div是否有可能具有动态性内容？

是。您应该能够替换整个div的内容而不会发生任何可怕的事情。您可以通过提供要替换div内容的id来完成此操作，然后当您要替换内容时，只需使用.html：

$("#id").html("<content>")

我知道用主题滚轮改变小箭头是可能的图标，但我如何在H标签中放置一个小图像图标？没有重要的是我尝试的不显示，只有H标签文本。

我在向标题添加图片方面没有遇到任何问题，但如果您在img标记内添加了a，h3似乎效果更好标记：

<h3><a href="#">Section 1<img src="http://www.placekitten.com/20/20" /></a></h3>

您可以使用CSS相应地分隔图像。

是否有可能将一些手风琴条锁定，因此它们无法扩展？而其他人还可以吗？

当然可以。这个应该可以通过API实现，但是您可以挂钩一个事件处理程序，以防止在您单击h3标记时触发手风琴的事件处理程序：

// Disable the second tab in accordion #accordion
// Note that this could really be any selector you want, as long as it selects 
// accordion header elements.
$("#accordion h3:eq(1)").click(function(event) {
    event.stopImmediatePropagation();
});

以下是所有这些工作的示例： http://jsfiddle.net/TX8z6/ （修复了IE错误）

jQueryUI手风琴问题

1 个答案: