簡體   English   中英

jQuery addClass不適用於ajaxForm

[英]JQuery addClass does not work with ajaxForm

我的表單是使用ajaxForm提交的,我想在ajax響應上添加CSS類。 我嘗試了多種方法,但沒有任何效果。 這是代碼

jQuery('#pnpDocLink-modalForm').ajaxForm({
    dataType : 'json',
    iframe : true,
    context: this,
    success : function(response, status, xhr, form) {
        var element = $(this);
        if(status=='success')
            $(this).find('form#pnpDocLink-modalForm input[name="file"]').parents('div.form-group').addClass('has-error');
    }
});


<form id="pnpDocLink-modalForm" class="form-horizontal" name="pnpDocLink-modalForm" method="post" enctype="multipart/form-data">
    <div class="form-group">
        <label class="control-label col-md-3">
            $brander.getBrandElement("predict.manage.asset.addedit.file")<span class="required" aria-required="true"> * </span>
        </label>
        <div class="col-md-9">
            <div class="fileupload fileupload-new custom-field pull-left" data-provides="fileupload">
                 <span class="btn btn-default btn-file">
                     <span class="fileupload-new"><i class="icon-paper-clip"></i> $brander.getBrandElement('browse')</span>
                     <span class="fileupload-exists"><i class="icon-undo"></i> Change</span>
                     <input type="file" class="default apply-ext-filter" name="file" id="file" />
                 </span>
                 <span class="fileupload-preview" style="margin-left:5px;"></span>
                 <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a>
             </div>
         </div>
     </div>
</form>

this指向success處理程序中的另一個object \\ context,因此將其更改為如下所示:

var self = this;
jQuery('#pnpDocLink-modalForm').ajaxForm({
    dataType : 'json',
    iframe : true,
    context: self,
    success : function(response, status, xhr, form) {
        var element = $(self);
        if(status=='success')
        {
            element.find('form#pnpDocLink-modalForm input[name="file"]').parents('div.form-group').addClass('has-error');
        }
    }
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM