我有一个标准的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,这导致了上面的代码。
任何提示都将不胜感激。
非常感谢, ç