параметры передачи и проверки в bootstrap modal

Question

У меня есть мода загрузочного мода, которая запускается двумя ссылками на одной странице, и я хочу передать некоторый параметр, который информирует диалоговое окно, из которого он был запущен. поэтому я могу проверить этот параметр в своем диалоговом окне gsp tempalte.

первое звено

<a href="#" id="editCourseModal" data-toggle="modal" data-target="#createCourseModal" data-backdrop="static" data-keyboard="false"> 

второй одна кнопка:

<button type="button" class="form-group btn btn-md btn-default" 
    data-toggle="modal" data-target="#createCourseModal" data-backdrop="static" data-keyboard="false"> 

модальный диалог:

<div id="createCourseModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
      </div> 
      <div class="modal-body edit-content"> 
       ... 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save changes</button> 
      </div> 
     </div> 
    </div> 
</div> 

Я хочу, чтобы проверить этот параметр в диалоговом окне моего (г: если тест =» этот параметр "), поэтому я могу реализовать, скрыть и показать некоторые html-элементы на основе этого. можно ли это сделать? есть ли у кого-нибудь другая идея решить эту проблему иначе?

Answer 1

Вы можете добавить атрибут данных для каждой из кнопок запуска с параметром, который Вы хотите отправить через и сделать что-то вроде

$('#createCourseModal').on('show.bs.modal', function (event) { 
    var button = $(event.relatedTarget) // Button that triggered the modal 

    var parameter = button.data('yourDataAttributeName') // Extract info from data-* attributes 

    var modal = $(this) 
    if (parameter == X) { 
     modal.find('.modal-title').text('Clicked by X'); 
    } else { 
     modal.find('.modal-title').text('Clicked by Y'); 
    } 
}) 

Answer 2

Внутри загрузки модальных атрибутов данных вы можете использовать jQuery для открытия модального файла на определенный щелчок элемента.

Например, предположим, что у вас есть два якорных ссылки:

<a href="#" id="link1"></a> 
<a href="#" id="link2"></a> 

Вы можете использовать открыть модальное так:

$('#link1').click(function() { 
    $('#myModal').modal('show'); 
    // Here you could hide/show certain elements, and change this for #link2 
}); 

Или вы могли бы просто иметь две модальности.

Answer 3

Вы можете добавить данных идентификатор соответственно вашей кнопки и ссылки захвата это свойство с использованием j-запроса.

$(document).on("click", ".openModal", function() { 
    var clickedBy = $(this).data('id'); 
    $(".modal-body").html(clickedBy) 
}); 

Найти ниже ссылку на приведенный выше вопрос

http://plnkr.co/edit/5EzNaDm1Z5SsXWngGULI?p=preview