У меня есть форма в виде всплывающего окна, и я хочу добавить кнопку отмены, чтобы закрыть текущее всплывающее окно. Я пробовал много способов сделать это, но он не закрывается
<form id="overlay_form_uploadGenFile" action="/crm/saveGeneralFile" method="POST" class="overlay_form" style="display:none" enctype="multipart/form-data">
<h1 style="font-size: 2em">Edit uploaded file</h1>
<input type="hidden" name="fileId" value="0"/>
<input type="hidden" name="userId" value="{{userId}}"/>
<span>Category:</span><span id="file-filter-by">Filter by:</span> <select name="fileCategoryTagId" onchange="populatePopupCategories(this);"></select>
<div id="file-category-select"><select name="fileCategoryId" onchange="getShareWithIntegrationServicesForPopup(this.options[this.selectedIndex].value);"></select></div><br/>
Current File: <input type="text" name="filename" class="currentFile"/> (change it to rename the file)<br/><br/>
To replace <input type="file" name="fileData" class="replaceFile" /><br/><br/>
<input type="checkbox" name="editableByHR" class="editableHR"/> Editable by HR
<input type="checkbox" name="sharedWithEmployee" /> Shared With Employee <br/>
Notes <textarea name="notes" class="fileUpdateNotes"></textarea><br/><br/>
<br/>
<div class="integrationServicesContainerHolder">
</div>
<br/>
<div style="display: inline-block;width: 100%">
<div align="left" style="float: left">
<input type="submit" value="Save" align="left" class="submitFileUpdateButton"/>
<input type="button" value="Cancel" onclick="closeFunction" align="left" class="submitFileUpdateButton"/>
</div>
<div align="right" style="float: right">
<input type="submit" value="Delete" align="right" class="submitFileUpdateButton"/>
</div>
</div>
</form>
, а сторона функции -
function closeFunction() {
$('#overlay_form_uploadGenFile').hide();
}
Я также пробовал .dialog('hide') и .modal('hide'), но все еще нетработает. Если я попытаюсь self.closeAll, то он закрывает все вкладки. Как я могу закрыть только это всплывающее диалоговое окно формы?
edit: ok Я поставил $('#overlay_form_uploadGenFile').fadeOut(100);, и проблема почти решена ... Мне нужно немедленное закрытие, потому что fadeOut блокирует меня для вызова других функций из-за асинхронных вызовов.