我有循环生成锚链接,它在幻灯片页面中工作正常。但是,从另一个页面链接到它们并不完全有效。他们总是转到组的第一张幻灯片,而不是由 url 哈希定义的幻灯片。这是我的代码:
$(function() {
$('#cms').cycle({
fx: 'fade',
speed: 'fast',
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#' + slide.title + '">' + slide.title + '</a></li>';
},
timeout: 0,
after: function(curr,next,opts) {
window.location.hash = $(this).attr('title');
}
});
});
和相关的HTML:
<div id="nav"></div>
<div id="cms">
<div title="About"><?php include 'about.php' ?></div>
<div title="Music"><?php include 'music.php' ?></div>
<div title="Shows"><?php include 'shows.php' ?></div>
</div>
基本上,如果我链接到(或打开一个新的浏览器选项卡并输入)“http://path/to/my/page/#Music”或#Shows,它只会转到#About。
我知道我在这里遗漏了一些东西,但我不确定是什么