在jQuery手风琴标题中嵌入到其他页面的链接

时间:2012-01-30 13:45:32

标签: jquery jquery-ui jquery-ui-accordion

我有一个标准的jQuery UI手风琴,我试图在手风琴标题中嵌入一个链接(不会崩溃的位,我的代码中的h3),它会转到另一个页面,而不是展开手风琴。但是,当我点击“LINK TO OTHER PAGE”链接时,它只会扩展手风琴。这是代码:

<script type="text/javascript">
    $(document).ready(function () {
        $("#tabs").tabs();

        $("#accordionID1").accordion({
            autoHeight: false,
            active: false,
            collapsible: true,
            header: 'h3',
            active: "a.default"
        });
}); 
</script>


<div id="tabs">
    <ul>
        <li><a href="#tabs1">Title 1</a></li>
        <li><a href="#tabs2">Title 2</a></li>
        <li><a href="#tabs3">Title 3</a></li>
        <li><a href="#tabs4">Title 4</a></li>
    </ul>


    <div id="tabs1">
        <div id="accordionID1" class="accordionClass">
            <h3>
                <table class="tableClass1">
                    <tr class="rowhead">
                        <td class="class1">Some text 1</td>
                        <td class="class1">Some text 2</td>
                        <td class="class1">Some text 3
                            <a class="default">LINK TO OTHER PAGE</a> and some more.
                        </td>
                    </tr>
                </table>
            </h3>
            <div>
            <!-- start share class table -->
                <table class="tableClass2">
                    <tr class="rowhead">
                        <th class="class2">Heading 1</th>
                        <th class="class2">Heading 2</th>
                        <th class="class2">Heading 3</th>
                        <th class="class2">Heading 4</th>
                        <th class="class2">Heading 5</th>
                        <th class="class2">Heading 6</th>
                    </tr>

                 </table> 
            </div>
        </div> <!-- accordionID1 -->
    </div> <!-- tabs1 -->

    <!-- repeat for id=tabs2 -->
    <!-- repeat for id=tabs3 -->
    <!-- repeat for id=tabs4 -->

</div> <!-- tabs -->

我基本上遵循了提示jQuery Accordion: links don't work,这导致了上面的代码。

任何提示都将不胜感激。

非常感谢, ç

0 个答案:

没有答案