jQuery 创建不需要的 DIV..net MVC

Question

我有一个关于 jQuery 的问题，我最近遇到了一个问题。

它会创建一个额外的 div。从 ajax 调用中使用 .html(data) 时。我可能错过了一些东西。但这让我有点头疼，因为我无法正确隐藏 Div，因为 .hide() 和 .show() 只在第一个触发。

这里有谁能帮我解决这个问题吗？先谢谢了

<div id="DropDown">
    <div id="AddCustomer">
        <div id="AddCustomer">
            <select id="CustomerToAdd" name="GetAllSupplier">
             ...
            </select>
            <a class=""></a>
        </div>
    </div>

</div>

阿贾克斯：

    $.ajax({
        url: urlGetSupplier,
        type: "GET",
        success: function (data) {
            $("#AddCustomer").html(data);
        }
    });

父视图：

<div id="DropDown">
            @Html.Partial("_SupplierList", new CustomerModels())
        </div>

部分视图：

<div id="AddCustomer">
    @Html.DropDownListFor(m => m.GetSupplier, new SelectList(Model.GetSupplier, "ID", "Name"), new { @id = "CustomerToAdd" })
    <a class="AddCustomerBtn">Add</a>
</div>

Answer 1

当然会，因为这就是您设计的方式。您正在将包裹在<div id="AddCustomer"> 下的部分视图内容添加到已经存在的<div id="AddCustomer">。

将您的 ajax 成功函数更改为使用父 div 而不是自包含 div：

 $.ajax({
        url: urlGetSupplier,
        type: "GET",
        success: function (data) {
            $("#DropDown").html(data);
        }
    });