Jquery 在ajax调用之后,控制';s的可见性不工作

Jquery 在ajax调用之后,控制';s的可见性不工作,jquery,asp.net-mvc-4,Jquery,Asp.net Mvc 4,在如下所示的ajax调用之后,我尝试刷新div(div中几乎没有文本框控件),并使country dropdownlist不可见。 divPersonalDetails正在成功刷新。但国家下拉列表仍然可见。请让我知道如何使它隐形 <div class="span3"> @Html.DropDownListFor(model => model.CountryId, Model.CountryList, "--Please Select Country--", new { i

在如下所示的ajax调用之后,我尝试刷新div(div中几乎没有文本框控件),并使country dropdownlist不可见。 divPersonalDetails正在成功刷新。但国家下拉列表仍然可见。请让我知道如何使它隐形

<div class="span3">
   @Html.DropDownListFor(model => model.CountryId, Model.CountryList, "--Please Select Country--", new { id = "ddlCountryId" })
   @Html.HiddenFor(model => model.CountryId, new { id = "hdnCountryId" })
   <div style="margin-top:4px">@Html.ValidationMessageFor(model => model.CountryId)</div>
</div>

 $("#btnSearch").click(function (e) {
    var idnumber = $("#txtDocumentNo").val();
    var url = '@Url.Content("~/")' + "signature/GetDetails";
        $.ajax({
            url: url,
            type: 'Get',
            data: $('#frmRegistration').serialize(),
            success: function (data) {
                var url2 = '@Url.Content("~/")' + "signature/GetDetails";
                $('#divPersonalDetails').load(url2 + ' #divPersonalDetails');
                $("#ddlCountryId").hide();
            }
        });
        return false;
});

@DropDownListFor(model=>model.CountryId,model.CountryList,“--请选择国家--”,新的{id=“ddlCountryId”})
@Html.HiddenFor(model=>model.CountryId,新的{id=“hdncontryid”})
@Html.ValidationMessageFor(model=>model.CountryId)
$(“#BTN搜索”)。单击(函数(e){
var idnumber=$(“#txtDocumentNo”).val();
var url='@url.Content(“~/”)+“signature/GetDetails”;
$.ajax({
url:url,
键入:“Get”,
数据:$('#frmRegistration')。序列化(),
成功:功能(数据){
var url2='@Url.Content(“~/”)+“signature/GetDetails”;
$('divPersonalDetails')。加载(url2+''divPersonalDetails');
$(“#ddlcontryid”).hide();
}
});
返回false;
});

隐藏元素时,该元素可能未加载,在加载元素时有一个回调

$('#divPersonalDetails').load(url2 + ' #divPersonalDetails', function() {
     $("#ddlCountryId").hide();
});

请更改您的JS单击功能,如下图所示,然后重试

注意:我只更改了你JS中的第一行

$(document).on('click', '#btnSearch'(function (e) {
var idnumber = $("#txtDocumentNo").val();
var url = '@Url.Content("~/")' + "signature/GetDetails";
    $.ajax({
        url: url,
        type: 'Get',
        data: $('#frmRegistration').serialize(),
        success: function (data) {
            var url2 = '@Url.Content("~/")' + "signature/GetDetails";
            $('#divPersonalDetails').load(url2 + ' #divPersonalDetails');
            $("#ddlCountryId").hide();
        }
    });
    return false;
});