2

私は2ページにメインディビジョンを持っていpage1.phpますform.php

page1.php

<div class="main_div">
    <?php require('form.php'); ?>
</div>

<script>
    $(".add_one").click(function(){
        $(".main_div").insertAfter(".single_div").load('form.php');
    });
</script>

form.php

<div class="single_div">
    <table>
        <tr>
            <td><input type="text" class="text1" /></td>
            <td><input type="button" class="add_one" value="Add" /></td>
            <td>Some other fields too</td>
        </tr>
    </table>
</div>

css.css

.single_div {
    background-color: green;
    float: left;
    margin-left: 10px;
}

今、私がボタンをクリックすると、それは他の/Addその隣に追加されません...しかしそれは消えますformdiv class='single_class'

そして、私がのをチェックするinspect elementとChrome Developer Tool、何もありません..javascriptを除いて全身が空です

load次に、ボタンの横にあるボタンをクリックしてページオプションを追加するにはどうすればよいですか。

編集/追加

http://jsfiddle.net/marafee1243/ErN5E/

上記のフィドルは適切ではないかもしれません...

4

2 に答える 2

1 
$(".main_div").insertAfter(".single_div").load('form.php');

.single_divの後に.main_divを挿入しますが、これは意味がありません

.insertAfter（target）
target：セレクター、要素、HTML文字列、またはjQueryオブジェクト。一致した要素のセットは、このパラメーターで指定された要素の後に挿入されます。

私はあなたがそのようなものが欲しいと思います：

$('.single_div').eq(0).clone(true).appendTo('.main_div');
于 2012-06-27T11:18:39.590 に答える
1

コードで何が起こるかinsertAfterはこれです。要素を取得し、DOMツリーから削除してから、ターゲットの後に挿入しようとします。ターゲットの後に挿入しようとするまでに、ターゲットはDOMツリーから削除されます。したがって、それは空です。

代わりに次を試してください。

$(".main_div").clone(true).insertAfter(".single_div").load('www.google.com');

clone（）にtrueを含めると、イベントも確実にコピーされます。

悲しいことに、ここにはもっと多くの間違いがあるようです。あなたが何をしようとしているのかよくわかりません。追加ボタンをクリックするたびに、そのsingle_class divのコピーが必要ですか？

于 2012-06-27T11:23:39.353 に答える