jquery对话框.html()问题

时间:2011-07-13 02:35:45

标签: jquery html dialog external

我正在使用jquery对话框,并希望使用位于同一服务器上的外部html文件设置.html值。我不确定的是如何实现这一点。

var $tos_dlg = $('<div></div>')
  .html($(this).load('/includes/tos.html'))
  .dialog({
    autoOpen: false,
    title: 'Policies &amp; Terms of Service',
    width: 600,
    height: 400,
    modal: true
});

调用.html()的上一节是我想要注入外部文件内容的地方。我认为.load函数会以某种方式工作,但不确定这是否是正确的方法,如果是这样,究竟如何实现它。有人可以帮忙吗?

由于

2 个答案:

答案 0 :(得分:9)

直接在.load()致电$tos_dlg

var $tos_dlg = $('<div></div>')
    .load('/includes/tos.html')
    .dialog({
        autoOpen: false,
        title: 'Policies &amp; Terms of Service',
        width: 600,
        height: 400,
        modal: true
    });

另外,请确保通过类似$tos_dlg的内容将$tos_dlg.appendTo("#containerElement")附加到DOM。

答案 1 :(得分:1)

试试这个:

var $tos_dlg = $('<div></div>').html($(this).load('/includes/tos.html'));
$("body").append($tos_dlg);
$tos_dlg.dialog({
    autoOpen: false,
    title: 'Policies &amp; Terms of Service',
    width: 600,
    height: 400,
    modal: true
});