Как показать скрытую кнопку на модале после успеха ajax?

Question

Я пытаюсь показать скрытую кнопку после успеха AJAX, но я не смог этого сделать. Любая помощь будет очень признателен. Спасибо за ваше время.

$.ajax({
        url: url,
        type: 'POST',
        data: fd,
        success: function (data) {
            // alert(data);
            disable_enable_features('resetForm');
            console.log(data);
            $('.modal-title-message').html(''); 
            $('.modal-body-message').html('Some text'); 
            $('#closeModal').show();
            $('#exampleModal').modal('show');

        },
        cache: false,
        contentType: false,
        processData: false,
        timeout: 45000
    });

 <div class="modal-footer">
   <span id="closeModal" hidden>
     <button  type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
   </span>
 </div>

Answer 1

Добавить идентификатор для кнопки и т. Д. "ExampleButton". Затем в случае успеха выполните:

$("#exampleButton").show()

Answer 2

Вы делаете правильные вещи:

$('#closeModal').show(); //this correctly undoes your hide

Ваша проблема, вероятно, возникла откуда-то еще, вы уверены, что приступаете к работе?

Вы должны использовать консоль отладки вашего браузера и установить точки останова.

Answer 3

введите и идентификатор кнопки, затем:

$('#buttonId').show();

ОБНОВЛЕНИЕ:

другой вариант:

$('#exampleButton').css("display", "none"); // for hide
$('#exampleButton').css("display", ""); // for show