jquery - 创建临时 HTML 代码

Question

我试图让我的代码更加模块化。目前，我将包含jQuery Dialog代码的jspf文件包含到任何所需的jsp文件中。

我想将此 HTML 代码放入 JS 文件中，因此我只需要包含一个 .js 文件而不是两个：

function activateZoomingDialog() {
    var tmpId = ???;
    tmpId.innerHTML = '<input type="text"></input>...';
    $(tmpId).dialog({
        modal: true,
        title: 'Select area size',
        ...
    });
}

如何创建和维护（生命周期）临时 DOM 结构？jQuery 解决方案是可以接受的。

Answer 1

function activateZoomingDialog() {
    var tmpId = '<div><input type="text"></input>...</div>';
    $(tmpId).dialog({
        modal: true,
        title: 'Select area size',
        ...
    });
}