Send parameter to Bootstrap modal window?

Question

I have a problem, I cannot pass any parameters to a modal window (using Bootstrap 3), I tried using the solution stated in this link, but I cannot make it work:

Dynamically load information to Twitter Bootstrap modal

(Solution kexxcream user).

But pressing the button, the display does not show me anything, apparently blocks, attached a picture below:

http://i.imgur.com/uzRUyf1.png

I have attached the code (same code post above left);

HTML Code:

      <div id="myModal" class="modal hide fade">       <div class="modal-header">         <button class="close" data-dismiss="modal">&times;</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 Code:

    $("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);             }         });     }); 

Button:

<a href='#myModal' data-toggle='modal' id='2'> Edit </a> 

PHP Code (backend.php):

<?php $editId = $_POST['EID']; ?>   <div class="jumbotron">    <div class="container">     <h1>The ID Selected is <?php echo $editId ?></h1>    </div>   </div> 

Answer 1

There is a better solution than the accepted answer, specifically using data-* attributes. Setting the id to 1 will cause you issues if any other element on the page has id=1. Instead, you can do:

<button class="btn btn-primary" data-toggle="modal" data-target="#yourModalID" data-yourparameter="whateverYouWant">Load</button>  <script> $('#yourModalID').on('show.bs.modal', function(e) {   var yourparameter = e.relatedTarget.dataset.yourparameter;   // Do some stuff w/ it. }); </script>