jquery - mvc3 での制御の複製

Question

部分ビューを呼び出して動的コントロールを作成しています。

初めてドロップダウンの値を変更すると、正常に動作します。しかし、ドロップダウンの値を2回以上変更すると、コントロールの複製が何回も得られます。

除算を追加するために使用したjqueryは次のとおりです。

<script type="text/javascript">
    $("#addItem").live('click', function (e) {
        e.preventDefault();
        //        $("#mydiv").html("");
        $.ajax({
            url: this.href,
            type: "Get",
            data: $(this).serialize(),
            success: function (srcc) {
                $("#mydiv").append(srcc);
            }
        });
        return false;
    });
</script>

そして私のコントローラは次のようになります:

[HttpGet]
public ActionResult BlankEditorRow()
{
    TempData["PassedDivision"] = extract.getDivision();
    TempData["Country"] = extract.getCountry();
    return PartialView("ViewUserControl1");
}

actionlink のコードは次のとおりです。

@Html.ActionLink("Add another", "BlankEditorRow", "HREduInformation", new { id = "addItem" })

どこが間違っているのですか?助けてくれてありがとう。

Answer 1

スクリプト タグが部分ビューのマークアップにある場合は、ブラウザーでレンダリングされた html を見て、スクリプトが重複していないことを確認してください。JavaScript コードは関数にラップされていないため、スクリプトがブラウザに読み込まれるとすぐに実行されます。