Вставить ссылки на другую страницу в заголовке аккордеона jQuery - PullRequest
Новая
       10

Вставить ссылки на другую страницу в заголовке аккордеона jQuery

1 голос
/ 30 января 2012

У меня есть стандартный аккордеон JQuery UI, и я пытаюсь встроить ссылку в заголовок аккордеона (бит, который не падает, h3 в моем коде), который идет на другую страницу, а не раскрывает аккордеон. Однако, когда я нажимаю на ссылку «ССЫЛКА НА ДРУГОЙ СТРАНИЦЕ», она просто расширяет аккордеон. Это код: 

<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: ссылки не работают , что привело к приведенному выше коду.

Любые советы будут с благодарностью.

Большое спасибо, С * +1010 *

...