0

appendTo()jQueryで奇妙な動作をしています。

これは私のJSです:

$(document).ready(function() {
    $("a#mydiv").click(function () {
        $(this).append('<div class="well">Added div</div>' );
        $(this).appendTo(div.last);
    });
});

そして私のHTML:

<div id="last">
    <center><a id="mydiv"><h3>New List</h3></a></center>
</div>

明らかに、「新しいリスト」リンクをクリックすると、に新しい<div>ものが追加され<div id="last">ます。次のようになります。

divの画像

そして、クリックし続けるNew Listと、ますます多く<div>のsを取得します。これで結構です。ただし、新しく作成した<div>の1つをクリックすると、1つ追加されます。(「追加されたdiv」の灰色のスペースをクリックした場合)。これらの新しいにテキストボックスを配置する予定ですが、ユーザーがクリックして入力したときに、テキストボックスがどんどん追加されることは望ましく<div>ありません。<div>

[新しいリスト]リンクをクリックしたときにのみ<div>新しいが作成されるようにするにはどうすればよいですか?

ありがとう!

4

2 に答える 2

4

.after()の代わりに使用してください.append()。現在、新しいdivがタグ内に追加されています。

于 2012-08-09T14:55:56.640 に答える
1

これは、兄弟ではなくappend()を追加するためです。したがって、クリックとは、追加されたすべてのdivを含み、クリック可能なままであるコンテナmyDiv全体を指します。兄弟を追加するために使用します。after()

于 2012-08-09T14:57:09.710 に答える