我现在正在自定义编码图像滑块，data-slideNum并向每个滑块图像和缩略图图像添加一个属性，如下所示：
$('.slide').each(function(i) {
$(this).attr('data-slideNum',i);
});
$('.thumbnail').each(function(i) {
$(this).attr('data-slideNum',i);
});
当然，此编号为幻灯片0-X。我想在滑块下面添加标题，以显示您正在使用1的幻灯片编号，因此我尝试将其添加到幻灯片编号变量和幻灯片总计中，以便数字正确：
$('.slideNum').html(parseInt(x+1)+' of '+parseInt(slideTotal+1));
第二个parseInt()工作正常，但第一个正在串联而不是解析。
因此，而不是2 of 5我越来越21 of 5等等。
有任何想法吗？
您正在对其执行字符串连接x和1，然后取int值。
本质上，您正在做的事情等同于：
var x = "2";
x = x + 1;
parseInt(x);
您可以通过在调用返回整数之后添加1来解决此问题。xparseInt
$('.slideNum').html(
( parseInt(x, 10) + 1 )
+ ' of '
+ ( parseInt(slideTotal, 10) + 1 )
); // closes .html
此外，它始终是提供一个基数，以一个好主意parseInt函数
另外1，slideTotal如果slideTotal数组的长度不是，则不需要添加，也不需要将其转换为int。所以：
$('.slideNum').html( ( parseInt(x, 10) + 1 ) + ' of ' + slideTotal);
应该足够了。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句