2

所以我已经尝试了一切，但似乎无法弄清楚，我所拥有的是一个动态插入数据的手风琴，我需要发生的是我需要插入数据的 id 作为 h3 部分的 id然后依次被点击并打开...

<script>
jQuery(function() {
    jQuery( "#work" ).accordion({
    collapsible: true,
    active: 1});
});
</script>

所以现在第一个 H3 将打开，但我希望能够通过 H3 id 设置哪个 div

<h3 id='$record[wid]'>
        <a id='clickable' href='#'>
            <div class='workitem'>
                <span class='mosaic-overlay'>
                    <div class='details'>
                        <a name='$record[wid]'></a>
                        <span class='title'>$record[title]
                        </span>
                    <br />
                        <span class='subtitle'>$record[subtitle]
                        </span>
                    </div>
                </span>
                <span class='mosaic-backdrop'>
                    <img src='/img/work/$record[image]' />
                </span>
            </div>
        </a>
    </h3>
4

2 回答 2

3

在我在项目中使用的手风琴上，我只是将活动设置为“h3#”+我想要打开的手风琴折叠的 id。

<script type='text/javascript'>
jQuery(function() {
    jQuery( "#work" ).accordion({
    collapsible: true,
    active: "h3#id"
    });
});
</script>

我相信它是标准的 jQueryUI 手风琴，所以希望它也对你有用。

于 2012-10-31T18:55:23.027 回答
1

对于遇到这个较旧主题的其他人，jQuery Accordion 现在对“活动”选项使用基于数字的值 > https://api.jqueryui.com/accordion/#option-active > 0 = 第一个手风琴选项卡 > 1 = 第二个手风琴选项卡等活动： 1 将显示第二个手风琴选项卡打开/活动。此外，您可能希望使用 autoHeight、clearStyle 和 heightStyle 选项，以便在活动手风琴选项卡的底部没有额外的空白。

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($){
    $( "#accordion" ).accordion({
    collapsible: true,
    active: 1,
    autoHeight: true,
    clearStyle: true,
    heightStyle: "content"
    });
});
/* ]]> */
</script>
于 2017-08-27T18:21:53.860 回答