bootstrapモードボックス

    
    
    
    
    
    
    





    
    

        
        

            aaaaa
        
    











    
    
    

        
        

            

                
                
                    ×
                
                
                
  
            
            

                
                

                    

                        
haha
                        
hehe
                        
heihei
                    
                
            
            

                  
                  
            
        
    


         

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


             



             



             



               



    jQuery         





    $('#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('                   ');/*            ，                */
    });