Bootstrap различные кнопки отключения модального контента для каждого модального - PullRequest
Новая
       13

Bootstrap различные кнопки отключения модального контента для каждого модального

0 голосов
/ 26 марта 2020

У меня есть несколько кнопок, которые запускают один и тот же модал со слегка измененным содержимым. 

<button type="button" class="btn btn-primary" data-toggle="modal" 
    data-target="#myModal" data-table="1">Button 1</button>
<button type="button" class="btn btn-primary" data-toggle="modal" 
    data-target="#myModal" data-table="2">Button 2</button>
<button type="button" class="btn btn-primary" data-toggle="modal" 
    data-target="#myModal" data-table="3">Button 3</button>

$("#myModal").on("show.bs.modal", function (event) { 
    var button = $(event.relatedTarget);
    var table = button.data('table');
    var modal = $(this);
    modal.find('.modal-title').text('Table ' + table);
});

Модал содержит кнопку, которая будет выполнять действие при нажатии (AJAX запрос POST), а затем кнопка отключается, поэтому ее нельзя нажать снова.

document.getElementById("myButton").disabled = true;

Это отключенное состояние устанавливается для каждого модального режима (как я и ожидал, поскольку это та же самая кнопка), но я хочу, чтобы оно было отключено только для модального элемента, соответствующего кнопке, которая первоначально его сработала. Как мне этого добиться?

...