我有以下html：
<a href="#" id="#1" class="pagerlink" >link</a> <a href="#" id="#3" class="pagerlink" >link</a> <a href="#" id="#2" class="pagerlink" >link</a> /*etc.... */
和以下jQuery脚本：
$(document).ready(function() {
var $container = $('.gallery_r').cycle({
fx: 'scrollHorz',speed: 500,timeout: 0
});
$('a.pagerlink').click(function() {
var id = $(this).attr('id');
$container.cycle(id);
return false;
});
});
“pagerlink”链接控件是jQuery循环幻灯片。如果我换掉这一行：
$container.cycle(id);
为了这
$container.cycle(7);
它工作…(显然只是导航到幻灯片7)。所以，我的问题是如何拿起点击链接的ID并将其传递到该行？
提前致谢！
解决方法
你的ID是#1，循环只是想传递一个数字。您需要在调用周期之前删除#。
$('a.pagerlink').click(function() {
var id = $(this).attr('id');
$container.cycle(id.replace('#',''));
return false;
});
此外，ID不应包含#字符，它是无效的(数字ID也是无效的)。我建议将ID更改为像pager_1这样的东西。
<a href="#" id="pager_1" class="pagerlink" >link</a>
$('a.pagerlink').click(function() {
var id = $(this).attr('id');
$container.cycle(id.replace('pager_',''));
return false;
});
