bootstrapモードボックス


モジュラボックス



    
    
    
    XXX
    
    
    


















クリックして  なモードボックスをポップアップ














    $('#btn').on('click', function () {
        $('#myModal').modal('show');
    });
//    $('#myModal').modal({});      ,               
    $('#myModal').modal({
        show:false,         /*      ,               ,          */
        /*          data-     */
        remote:'     .html' /*    */
    });

    $('#myModal').on('show.bs.modal', function () {
        alert('        ,     ');
    });
    $('#myModal').on('shown.bs.modal', function () {
        alert('        ,     ');
    });
    $('#myModal').on('hide.bs.modal', function () {
        alert('        ,     ');
    });
    $('#myModal').on('hidden.bs.modal', function () {
        alert('        ,     ');
    });
    $('#myModal').on('loaded.bs.modal', function () {
        alert('                   ');/*            ,                */
    });