Enviar parâmetro para a janela modal do Bootstrap?
Estou com um problema, não consigo passar nenhum parâmetro para uma janela modal (usando o Bootstrap 3), tentei usar a solução indicada neste link, mas não consigo fazê-lo funcionar:
Carregar informações dinamicamente no modal de inicialização do Twitter
(Usuário do kexxcream Solution).
Mas, pressionando o botão, o visor não mostra nada, aparentemente bloqueia, anexou uma imagem abaixo:
http://i.imgur.com/uzRUyf1.png
Anexei o código (o mesmo código acima, à esquerda);
Código 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>
Código 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);
}
});
});
Botão:
<a href='#myModal' data-toggle='modal' id='2'> Edit </a>
Código PHP (backend.php):
<?php
$editId = $_POST['EID'];
?>
<div class="jumbotron">
<div class="container">
<h1>The ID Selected is <?php echo $editId ?></h1>
</div>
</div>