form modal
$(document).on('click', '.btnEdit', function(event) {
/* chamar com modal */
$("#myModalLabel").html('<span class="glyphicon glyphicon-plus"></span> Editar Veiculo');
$("#ModalItemDetalhe .modal-body").load(urlEdit, {page: $("#frmConsulta #edtPage").val(), gravar:'n', idField: $(this).attr('idField'), idMotorista : $("#frmConsulta #idMotorista").val()},
function(){
$("#ModalItemDetalhe").modal();
onReady();
});
});
/* ======================================================================== */
/* #ModalItemDetalhe - after show */
/* ======================================================================== */
$(document).off('shown.bs.modal','#ModalItemDetalhe').on('shown.bs.modal','#ModalItemDetalhe', function(e){
console.log("foi");
alert("teste");
});
<!-- Modal Detalhe Item - load via jQuery ================================================================== -->
<div class="modal modal-wide fade zoom" id="ModalItemDetalhe" tabindex="-1" role="dialog" aria-labelledby="advancedSort" aria-hidden="true" data-backdrop="static" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div> <!-- modal header -->
<div class="modal-body">
<!-- body detalhe do item -->
</div>
</div>
</div>
</div>
<!-- Fim Modal Detalhe Item -->
/* MODAL CONFIGURATION */
// when .modal-wide opened, set content-body height based on browser height; 200 is appx height of modal padding, modal title and button bar
$(".modal-wide").on("show.bs.modal", function() {
var height = $(window).height() - 100;
$(this).find(".modal-body").css("max-height", height);
var width = $(window).width() - 200;
$(this).find(".modal-dialog").css("width", width);
$(this).find(".modal-dialog").css("min-width", "600px");
$(this).find(".modal-dialog").css("max-width", "1200px");
});