使用jQuery SimpleModal打开HTML文件作为模式窗口

Question

如何使用jQuery SimpleModal打开HTML文件作为模式窗口？假设，在一个TTM_1.html文件我有一个anchor，当我点击它显示TTMD.html在一个模式窗口。

谢谢。

Answer 1

下面是几种不同的方法：

加载数据：

$(YOUR_ANCHOR).click(function (e) { 
    e.preventDefault(); 

    // load the html file using ajax 
    $.get("TTMD.html", function(resp){ 
     var data = $('<div></div>').append(resp); 
     data.modal(); 
    }); 
}); 

使用iframe：

$(YOUR_ANCHOR).click(function (e) { 
    e.preventDefault(); 

    // change height, width and modal options as required 
    $.modal('<iframe src=""TTMD.html" height="450" width="830" style="border:0">', { 
     closeHTML:"", 
     containerCss:{ 
      backgroundColor:"#fff", 
      borderColor:"#fff", 
      height:450, 
      padding:0, 
      width:830 
     }, 
     overlayClose:true 
    }); 
});