1

私はTwitterBootstrap2.2.2とjQuery1.7.2を使用して、フラットボタンスタイルのアンカーをタグとして使用しようとしています。このようなタグは、テキスト入力を保存した後に動的に追加されます。非常に単純なHTML構造を使用しています。

<p>
    <a class="btn btn-small"><span>Tag 1</span></a>
    <a class="btn btn-small"><span>Tag 2</span></a>
</p>

jQueryを使用して、必要な属性と値を使用して新しいaを作成し、それを段落に添付します。

ただし、1つ以上作成すると、要素間の間隔がすべて乱れ、新しいタグが要素間の間隔なしで作成されます。

問題をデモするために次のフィドルを作成しました：http：//jsfiddle.net/marcelo1251/WeuLb/

[タグの追加]を2回以上クリックすると、問題が発生します...

動的に生成された要素の間隔を修正する方法はありますか？

ありがとう、マルセロC。

4

1 に答える 1

0

とにかく、あなたがそうするなら、私は問題を調べます

 var tagClone = $('.template').html();
    $('p#target').append(tagClone);

できます。

技術的には同じではありません。

    //your code
    var tagClone = $('.template').clone(); //tagClone is a jQuery object
    $('p#target').append(tagClone.find('a'));

JQUERY OBJECTを作成し、それをターゲットに追加します。

    //my code
    var tagClone = $('.template').html(); //tagClone is a string
    $('p#target').append(tagClone);

HTMLコンテンツをASTRINGとして取得し、それをターゲットに追加します。ただし、append関数（http://api.jquery.com/append/）は、jqueryオブジェクトまたはhtml文字列のいずれかを受け入れることができるため、どちらの方法でも機能するはずです。

于 2013-02-05T02:31:04.730 に答える