У меня проблема, я не могу передать какие-либо параметры в модальное окно (используя Bootstrap 3), я попытался использовать решение, указанное в этой ссылке, но я не могу заставить его работать:
Динамически загружать информацию в Twitter Загрузочный модальный
(Решение пользователя kexxcream).
Но нажимая кнопку, дисплей не показывает мне ничего, очевидно блокирует, прикрепляет снимок ниже:
http://i.imgur.com/uzRUyf1.png
Я прикрепил код (тот же кодовый пост выше слева);
Код HTML:
<div id="myModal" class="modal hide fade">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Title</h3>
</div>
<div class="modal-body">
<div id="modalContent" style="display:none;">
</div>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-info" data-dismiss="modal" >Close</a>
</div>
</div>
Код JS:
$("a[data-toggle=modal]").click(function()
{
var essay_id = $(this).attr('id');
$.ajax({
cache: false,
type: 'POST',
url: 'backend.php',
data: 'EID='+essay_id,
success: function(data)
{
$('#myModal').show();
$('#modalContent').show().html(data);
}
});
});
Кнопка
<a href='#myModal' data-toggle='modal' id='2'> Edit </a>
Код PHP (backend.php):
<?php
$editId = $_POST['EID'];
?>
<div class="jumbotron">
<div class="container">
<h1>The ID Selected is <?php echo $editId ?></h1>
</div>
</div>