javascript - 对现有 jQuery 幻灯片的小改动

Question

我已经调整了这个幻灯片脚本，并且对它的满意度大约为 99%。

当前演示:http://jsfiddle.net/Qu3NK/4/

---

我只是想知道，是否可以从我的导航器 div 中删除整数('2 文本在这里'和'4 其他文本')并且不中断同时放映幻灯片。我想我需要在这里更改我的代码:

$(".navigator").on("click", function () {
        alert("clicked");
        navigate_to(parseInt($(this).html(), 10));
    });

所以最终，我的导航将只是文本而不包括整数。

此外，有没有办法禁止在开始时播放此幻灯片？

Answer 1

为什么不将其存储在属性中？例如，在 HTML5 中使用自定义 data- 属性是有效的:

<div class="navigator" style="font-size:30px" data-slide="2">text goes here</div>
<a class="navigator" style="font-size:30px;" data-slide"4">other text here</a>

然后您可以使用此替代代码:

$(".navigator").on("click", function () {
    navigate_to(parseInt($(this).attr('data-slide')), 10);
});

如果您不使用 HTML5 或不想采用这种方法，请执行以下操作:

<div class="navigator" style="font-size:30px" id="navigator-2">text goes here</div>
<a class="navigator" style="font-size:30px;" id="navigator-4">other text here</a>

然后:

$(".navigator").on("click", function () {
    var id = $(this).attr('id');
    navigate_to(parseInt(id[id.length-1]), 10);
});

编辑:

停止动画:

stopAnimation();

综合 jsFiddle:http://jsfiddle.net/Qu3NK/10/ .