Question

好的，现在几乎是在搜索Modal框一天，在Modal框中显示一个完整的 .HTML 文件，而不是在新窗口或标签页中打开它。

更确切地说：

<a href="ajax.html" rel="modal:open">example</a>

此 ajax.html 文件应在同一窗口的“模态框”中打开。

我如何通过锚标记来实现它？

我已经彻底搜索过但发现除了one之外没有好的解决方案（例＃4）。这在现场工作，但下载时不起作用。

P.S：我不想使用 iframe 。

Answer 1

有几种不同的方法可以做到这一点，但最好的方法是使用jQuery对页面使用AJAX请求：

$.post("ajax.html", function(data){

    $("#myModalDiv").html(data).fadeIn();

});

然后将其绑定到您的锚点，为其指定一个ID并在$(document).ready()中执行此操作：

$(document).ready(function(){

    $("a#someId").on("click", function(){

        //Put the code from above here.

    });

});

如果你想在不同的域上使用文件，你将不得不使用iframe，因此我不能把它放在一个小提琴中，因为没有本地文件可以提供小提琴。

Answer 2

你可以使用bootstrap来做你想做的事情。

查看模态部分。