JQuery диалог .html () вопрос

Question

Я использую диалог 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 будет работать как-то, но просто не уверен, что это правильный подход, и если да, то как именно это реализовать.Кто-нибудь может помочь?

Спасибо

Answer 1

Позвоните .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 к DOM где-нибудь, через что-то вроде $tos_dlg.appendTo("#containerElement").

Answer 2

Попробуйте это:

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
});