Question

我是jquery的新手，我试图制作一个像http://owlgraphic.com/owlcarousel/demos/lazyLoad.html这样的滑块，但图像尺寸不同。我必须使用FOR LOOP并且我做了这个：

$(document).ready(function) {

var slideCount = $('#slider ul li').length;

var i;

for (i = 0; i < widthTot; i++) {
    var widthTot= widthTot + $('#slider ul li:eq('+i+')').width();
}

});

哪里出错？三江源

Answer 1

$(document).ready(function () {
    //                     ^
    var slideCount = $('#slider ul li').length;

    var widthTot = 0;
    // ^^^^^^^^^^^^^^

    for (var i = 0; i < slideCount; i++) {
    //                  ^^^^^^^^^^
        widthTot += $('#slider ul li:eq(' + i + ')').width();
        // ^^^^^^ Remove var
    }
    alert(widthTot);
});

您错过了(功能<{li}的ready
在widthTot循环

for

删除var循环

widthTot

for

在slideCount条件

for

Answer 2

应该是这样的：

$(document).ready(function) {
    var slideCount = $('#slider ul li').length;
    var i;
    var widthTot=0;

    for (i = 0; i < slideCount; i++) { // Use slideCount instead of widthTot
        widthTot= widthTot + $('#slider ul li:eq('+i+')').width();
    }
});

Answer 3

现在问题是：如何在不继续的情况下将所有图像内联？

$(window).load(function() {

  var slideCount = $('.slider ul li').length;
  var i;
  var widthTot = 0;

  for (i = 0; i < slideCount; i++) {
    widthTot += $('#container .slider ul li:eq('+i+')').width();
  }

  $('.slider').css('width', widthTot);

  $( '.slider ul li' ).clone().appendTo( '.slider ul');

  $('.slider ul').addClass('.original')

});

因为如果我使用克隆，那么图像就会变得清晰，但我希望克隆与其他img保持在同一行！

对于LOOP jQuery我幻灯片的总宽度

3 个答案: