jquery - 如何通过Href链接打开页面的内容以在JQuery UI对话框中显示它？

我有一个这样的链接，我想打开其内容并使用下面的代码显示它：

<a class="uimodal" href="/Administration/Contact">Contact</a>

如何使该链接打开href内容并将其显示在jQuery UI模式对话框中？

最佳答案

最好的方法是使用Ajax Load操作将内容检索到新元素中。然后，在加载数据后，在该元素上调用模式：

$('a.uimodal').bind('click', function() {
   var $this = $(this);
   var outputHolder = $("<div id='.uimodal-output'></div>");
   $("body").append(outputHolder);
   outputHolder.load($this.attr("href"), null, function() {
      outputHolder.dialog(// whatever params you want);
   });
   return false;
});

AJAX负载：http://api.jquery.com/load/
对话框选项：http://jqueryui.com/demos/dialog/

注意：您还可以在加载AJAX页面时显示模态，方法是在调用load方法之前放置outputHolder.dialog(//...)。