我有以下 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 Cycle 幻灯片。如果我交换这一行:
$container.cycle(id);
为此
$container.cycle(7);
它有效。 (显然只是导航到第 7 号幻灯片)。所以,我的问题是如何获取被单击链接的 ID 并将其传递到该行?
最佳答案
您的 ID 是 #1
,而 cycle
只需要传递一个数字给它。您需要在调用cycle
之前删除#
。
$('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;
});
关于jquery - 如何使用 jQuery 获取点击元素的 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7838238/