执行ajax响应时删除css属性

时间:2016-11-23 19:40:14

标签: javascript jquery

首先我有一个隐藏的div

  <div id="save" class="form-group hidden ">
        <div class="modal-footer">
            <button type="button" id="btnUu" class="btn btn-primary"><i class="fa fa-download"></i> Save</button>
        </div>
    </div>

我想在执行ajax调用时删除hidden属性:

的Ajax:

function GetSchoolMan() {
    debugger;
    currentId = 0;

    try {
        $(function () {
            $.ajax({
                cache: false,
                type: "get",
                dataType: "json",
                url: "/LogWaste/GetForEdit",
                data: { manifest: manifest },
                contentType: "application/json; charset=utf-8",
                success: onGetModulLogWasteSuccess,
                error: function (response) {
                    ErrorMessage("Error", GetTextError(response));
                }
            });
        });
    } catch (e) {
        ErrorMessage("Error", e.message);
    }
}

我尝试在我的ajax调用顶部添加$('#save').removeAttr('hidden');,如

function GetSchoolMan() {
    debugger;
    currentId = 0;
    $('#save').removeAttr('hidden');
    try {...

但它不起作用,我怎样才能使它工作?此致

2 个答案:

答案 0 :(得分:3)

hidden上没有属性#save。你有一个CSS课程。用它来删除它

$('#save').removeClass('hidden');

答案 1 :(得分:0)

另一个答案是正确的,您当前正在使用类,而不是属性。如果你想使用“hidden”属性而不是CSS,那么你需要的jQuery是:

$('#save').show();     //show element
$('#save').hide();     //hide element
$('#save').toggle();   //toggle element visibility