Hyperlink 如何从同一个accordio或页面打开jqueryui Accordion部分?
这就是我得到的:Hyperlink 如何从同一个accordio或页面打开jqueryui Accordion部分?,hyperlink,skip,jquery-ui-accordion,Hyperlink,Skip,Jquery Ui Accordion,这就是我得到的: <script type="text/javascript"> $(function() { $("#accordion").accordion({ collapsible: false, autoHeight: false,<br/> navigation: true, header: 'p.menuitem' });
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
collapsible: false,
autoHeight: false,<br/>
navigation: true,
header: 'p.menuitem'
});
$("p.menuitem a").click(function(event){
window.location.hash=this.hash;
});
});
</script>
<div id="accordion">
<div>
<p class="menuitem" id="item1"><a href="#item1">Section1</a></p>
<div>Phasellus mattis <a href="#item2">tincidunt</a> nibh.</div>
</div>
<div>
<p class="menuitem" id="item2"><a href="#item2">Section2</a></p>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
<div>
<p class="menuitem" id="item3"><a href="#item3">Section3</a></p>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div>
而其他的,
http://www.domain.tld/index.htm#item1
或
我们仍然运作良好
单击跳过链接不会打开手风琴的第2部分。
有没有机会让这些东西运转起来?我搜索了很多,但没有成功
两个问题都解决了
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
collapsible: false,
autoHeight: false,
navigation: true,
header: 'p.menuitem'
});
$("p.menuitem a").click(function(event){
window.location.hash=this.hash;
});
if($(location).attr("hash")) $("a[hash="+$(location).attr("hash")+"]").click();
});
function openpanel(section) {
$("#accordion").accordion("activate", section);
}
</script>
<div id="accordion">
<div>
<p class="menuitem" id="item1"><a href="#item1">Section1</a></p>
<div>Phasellus mattis <a href="#item2" onclick="javascript:openpanel(1)">tincidunt</a> nibh.</div>
</div>
<div>
<p class="menuitem" id="item2"><a href="#item2">Section2</a></p>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
<div>
<p class="menuitem" id="item3"><a href="#item3">Section3</a></p>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div
http://www.domain.tld/index.htm#item3
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
collapsible: false,
autoHeight: false,
navigation: true,
header: 'p.menuitem'
});
$("p.menuitem a").click(function(event){
window.location.hash=this.hash;
});
if($(location).attr("hash")) $("a[hash="+$(location).attr("hash")+"]").click();
});
function openpanel(section) {
$("#accordion").accordion("activate", section);
}
</script>
<div id="accordion">
<div>
<p class="menuitem" id="item1"><a href="#item1">Section1</a></p>
<div>Phasellus mattis <a href="#item2" onclick="javascript:openpanel(1)">tincidunt</a> nibh.</div>
</div>
<div>
<p class="menuitem" id="item2"><a href="#item2">Section2</a></p>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
<div>
<p class="menuitem" id="item3"><a href="#item3">Section3</a></p>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div