jquery - 如何从 Href 链接打开页面内容以将其显示在 JQuery UI 对话框中？

Question

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

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

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

Answer 1

最好的方法是使用 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 页面加载时显示模式，方法是在调用加载方法之前放置 outputHolder.dialog(//...)。