如何从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(// …)来显示模式.

转载注明原文:如何从Href链接打开页面内容以在JQuery UI对话框中显示它? - 代码日志