javascript if if statement not working

时间:2016-02-18 03:07:03

标签: javascript jquery html css if-statement

我有一个随机数生成器,它生成5到15之间的数字。我希望能够根据计算机选择的数字来改变div“胸部”的位置。 (所有设置为300,因为它正在测试。)我不知道它为什么不起作用。 (请记住,div肯定称为胸部,我有一个包含'left'的css语句。此外,该函数肯定被调用,并且正在生成一个数字。)任何帮助表示赞赏,

这是我的代码:

var xChestPosition;
var yChestPosition;
function randomNumberForChest(firstNum, secondNum) {
    xChestPosition = Math.floor(Math.random() * secondNum) + firstNum;
    yChestPosition = Math.floor(Math.random() * secondNum) + firstNum;
    alert(xChestPosition);
    if(xChestPosition==5) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==6) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==7) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==8) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==9) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==10) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==11) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==12) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==13) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==14) {
        $('#chest').css('left','300');
    }
    if(xChestPosition==15) {
        $('#chest').css('left','300');
    }
}

3 个答案:

答案 0 :(得分:1)

您可能需要指定CSS位置的度量单位

$('#chess').css('left', '300px')

答案 1 :(得分:0)

您最好使用:

$('#chest').css({"position": "absolute", "left": "300px"});

而不是使用:

$('#chest').css('left','300');

因为,如果要设置左侧属性,则必须指定其位置(绝对,固定,相对)。你的"如果"声明可以很好地执行。

答案 2 :(得分:0)

试试这个

var xChestPosition;
    var yChestPosition;
    function randomNumberForChest(firstNum, secondNum) {
        xChestPosition = Math.floor(Math.random() * secondNum) + firstNum;
        yChestPosition = Math.floor(Math.random() * secondNum) + firstNum;
        alert(xChestPosition);
        if (xChestPosition == 5) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 6) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 7) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 8) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 9) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 10) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 11) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 12) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 13) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 14) {
            $('#chest').css('left', '300px');
        }
        if (xChestPosition == 15) {
            $('#chest').css('left', '300px');
        }
    }