0

我已经调整了这个幻灯片脚本，大约 99% 对它感到满意。

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

我只是想知道，我是否可以从我的导航器 div 中删除整数（“此处有2 个文本”和“此处有4 个其他文本”），而不是同时破坏幻灯片。我想我需要在这里更改我的代码：

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

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

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

4

2 回答 2

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/。

于 2012-10-30T06:52:33.533 回答
1

要删除整数，为什么不只使用 id 属性？

<div id="num2" class="navigator" style="font-size:30px">some text goes here</div>

然后你可以访问它

navigate_to($(this).id);

如果必须使用数字，请使用

navigate_to(parseInt($(this).id));

要在开始时禁用它，请尝试将所有 Javascript 包装在一个在某些条件下执行的函数中，即

$(".startButton").click(function{

    // All the slideshow code goes here.

});
于 2012-10-30T06:56:19.183 回答