无论如何，我是否可以更改此 Accordion 下拉菜单中的链接，以从同一页面上的区域转到外部 HTML 页面。我尝试过很多不同的东西，但似乎无法在不失去我的风格的情况下做到这一点。现在，它已设置为目录和指向同一页面上特定区域的链接。
这是代码。任何帮助将不胜感激。谢谢。 迈克
..................................
<body>
<div class="container">
<div id="toc-holder" class="toc-holder">
<a href="#" class="toc-link" id="toc-link"><span>▼</span> Table of Contents</a>
<ul id="toc" class="toc">
<li class="toc-h1"><a href="#section1">1. Loomings</a>
<ul class="toc-sub closed">
<li><a href="#section1-1">1.1 Call me Ishmael</a></li>
<li><a href="#section1-2">1.2 Circumambulate</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section2">2. The Carpet-Bag</a>
<ul class="toc-sub closed">
<li><a href="#section2-1">2.1 I stuffed a shirt</a></li>
<li><a href="#section2-2">2.2 As most young candidates</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section3">3. The Spouter-Inn</a>
<ul class="toc-sub closed">
<li><a href="#section3-1">3.1 Entering that gable-ended</a></li>
<li><a href="#section3-2">3.2 But what most puzzled</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section4">4. Counterpane</a>
<ul class="toc-sub closed">
<li><a href="#section4-1">4.1 Upon waking next morning about daylight...</a></li>
<li><a href="#section4-2">4.2 My sensations were strange</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section5">5. Breakfast</a>
<ul class="toc-sub closed">
<li><a href="#section5-1">5.1 I quickly followed suit</a></li>
<li><a href="#section5-2">5.2 You could pretty plainly tell</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section6">6. The Street</a>
<ul class="toc-sub closed">
<li><a href="#section6-1">6.1 If I had been astonished at first</a></li>
<li><a href="#section6-2">6.2 But, besides the Feegeeans</a></li>
</ul>
</li>
</ul>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.fixedTOC.js?v=3.0"></script>
<script>
// call the plugin on the "#toc" element
$('#toc').fixedTOC({
menuOpens: 'click', // or 'mouseenter'
scrollSpeed: 1000,
menuSpeed: 300,
useSubMenus: true,
resetSubMenus: true,
topLinkWorks: true
});
</script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1965499-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script></div>
</body>
........................................
最佳答案
您只需要更改您的 href在 <a> 中外部链接的标签(而不是带有#(主题标签)的 anchor 。
下面的示例(或 JSFiddle ):
<li><a href="http://jimulle.com">1.1 Call me Ishmael</a></li>
*注意，我们不知道是什么<script src="js/jquery.fixedTOC.js?v=3.0"></script>如果这对您不起作用，您可能需要与我们分享此脚本
关于javascript - 更改 Accordion 菜单插件中的链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26531296/