3

你能帮我如何使用 Jquery 动态地并排添加 Div。这是我的代码

$(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>');
        }
    });
});​
4

4 回答 4

3

要并排添加它，我们需要floatcss 属性。

如果你给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>');
        }
    });
});​

添加浮动后的另一件事是，您必须清除它才能正确使用下一个标记。

于 2012-08-30T05:44:26.253 回答
1

这是给你的小提琴。

就像其他人说的那样，您需要使用 css-attribute float。

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

于 2012-08-30T05:54:57.587 回答
0

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");
}​
于 2012-08-30T05:43:38.517 回答
0

添加 div cssfloat:left或者float:right

于 2012-08-30T05:46:11.657 回答