Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS while循环更改值_Javascript_Jquery - Fatal编程技术网

Javascript JS while循环更改值

Javascript JS while循环更改值,javascript,jquery,Javascript,Jquery,我有一些JS代码,可以通过使用DOM元素的类来跟踪它们的位置。但是,我需要将这个类名更改特定的次数。到目前为止,我的代码是: 所有的代码都是我可怜的,只是想让它工作起来,让你明白我的意思 var offset = 0, xPos = 0, yPos = 0, item_number = 0; //added code $(document).ready(function(){ while(item_numer<5) {

我有一些JS代码,可以通过使用DOM元素的类来跟踪它们的位置。但是,我需要将这个类名更改特定的次数。到目前为止,我的代码是:

所有的代码都是我可怜的,只是想让它工作起来,让你明白我的意思

     var offset = 0,
        xPos = 0,
        yPos = 0,
        item_number = 0; //added code

$(document).ready(function(){


    while(item_numer<5) { //added code
        $(".item" + item_number ).draggable({ //added code, the "item" has to be shown on the website as "item0".

        containment: '#house_wall1',

        drag: function(){
            offset = $(this).position();
            xPos = offset.left;
            yPos = offset.top;
            $('#posX').text('x: ' + xPos);
            $('#posY').text('y: ' + yPos);
        },

        // Find original position of dragged image.
        start: function(event, ui) {
            // Show start dragged position of image.
            var Startpos = $(this).position();
            $("div#start").text("START: \nLeft: "+ Startpos.left + "\nTop: " + Startpos.top);
        },

        // Find position where image is dropped.
        stop: function(event, ui) {
            // Show dropped position.
            var Stoppos = $(this).position();
            $("div#stop").text("STOP: \nLeft: "+ Stoppos.left + "\nTop: " + Stoppos.top);
        }
    });
    item_number++;
    }
});
var offset=0,
xPos=0,
yPos=0,
项目编号=0//添加代码
$(文档).ready(函数(){

而(项目编号您是否只是缺少了项目编号的增量

while(item_numer<5) {
  $(".item" + item_number ).draggable({ /* stuff */ });
  item_number++;
}

while(item_numer您放置结尾的
}
有点太早了

.draggable()
的调用和传递给它的
对象
文本实际上延伸了相当多的行,一直延伸到靠近底部的第1个
};
。循环应该围绕着它

$(document).ready(function(){
    while (item_number < 5) {
        $('.item' + item_number).draggable({
            // around 20 lines
        });

        item_number++; // increment counter
    }                  // and end of loop
});

您的while循环有一个输入错误:
while(item_Numer是的,我现在这样做了,谢谢,但更多的是关于语法,我不明白。比如在JS中这怎么可能?我添加了它,但它仍然不起作用,我的代码的语法正确吗?谢谢,不正确。你没有正确地关闭我上面代码段第二行的对象文字或函数调用。哦,我没有看到你把item_number++放在最底部…那不是正确的位置。除了语法错误,你需要在while循环中递增,否则你将永远无法逃脱。现在代码如何?:)我已经试着按照你说的做了
$(document).ready(function () {
    $('.item').draggable({
        // ...
    });
});