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

float を追加した後、次のマークアップを正しく機能させるには、float をクリアする必要があります。

于 2012-08-30T05:44:26.253 に答える
1

ここにフィドルがあります。

他の誰もが言ったように、 css-attribute を使用する必要がありますfloat。

また、JavaScript 変数はvarではなくとして宣言されintます。

于 2012-08-30T05:54:57.587 に答える
0

div css を追加するかfloat:left、float:right

于 2012-08-30T05:46:11.657 に答える
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 に答える