【AmazeUI】模态框

本文与《【Ratchet】模态框》（点击打开链接）为姊妹篇，相比之下，AmazeUI的模态框，更加接近于一个alert()，不适合承载过多的内容，但是其优点就是可以通过JS操控，Ratchet仅能通过超级链接a标签打开。

AmazeUI的模态框效果如下：

完全就如同某些手机浏览器对alert()的处理。其现实代码如下：

    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
        打开模态框
        
        

            

                

                    模态框的内容
                
                

                	关闭
                
            
        
    

注意到，这个id为my-alert的模态框，是通过button的onclick事件所触发的openModal()函数触发的。

其JS打开模态框的代码就一行，先获取了模态框的id之后，通过modal()方法打开。