Question

你可以帮我看看如何使用Jquery动态地并排添加Divs。这是我的代码

$(document).ready(function() {
    $('#idButton').click(function() {
        for (int i = 0; i <= 3; i++) {
            $('body').append('<div id="divId"+'
            i ' style="height:80px;width:80px;background-image:url('
            flashcard1.png ');">Images</div>');
        }
    });
});

Answer 1

要并排添加，我们需要float css属性。

如果你给float:left它会并排添加。试试浮动。

尝试这样......并按照xdazz的说法将int设为var。

$(document).ready(function() {
    $('#idButton').click(function() {
        for (var i = 0; i <= 3; i++) {
            $('body').append('<div id="divId"+'
            i ' style="height:80px;width:80px;float:left;background-image:url(\'
            flashcard1.png \');">Images</div>');
        }
    });
});

添加浮动后还需要清除它以正确处理下一个标记。

Answer 2

Here对你来说是个小提琴。

与其他人一样，您需要使用css-attribute float。

并且在javaScript中，变量也声明为var，而不是int。

Answer 3

javascript中没有int，应为var。

for (var i = 0; i <= 3; i++) {
   $('body').append('<div id="divId' + i + '" style="height:80px;width:80px;background-image:url(\'flashcard1.png\');">Images</div>');
}

或者

for (var i = 0; i <= 3; i++) {
  $('<div />', {
    id: 'divId' + i,
    style: "height:80px;width:80px;background-image:url('flashcard1.png');"
   }).text('Images').appendTo("body");
}

Answer 4

添加div {c float:left或float:right

如何使用Jquery动态并排添加Div？

4 个答案: