jQuery + Bootstrap Modal

by panchroma

JavaScript

$(function(){
  //$('#myModal').modal();     
  var modalHTML = "<div class='modal' id='test'><div class='modal-dialog'><div class='modal-content'><div class='modal-header'>";
  modalHTML += "<button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button><h4 class='modal-title'>Modal title</h4>";
  modalHTML += "</div><div class='modal-body'>Content for the dialog / modal goes here.</div><div class='modal-footer'>";
  modalHTML += "<a href='#' data-dismiss='modal' class='btn'>Close</a><a href='#' class='btn btn-primary'>Save changes</a></div></div></div>"; 
  var test = $.parseHTML( modalHTML );
  console.log(test);
  $(test).modal();
});