Question

我之前读过那些仅用于JS的HTML不应该在HTML中吗？那么如何存储用于JS添加内容的标记。例如。标记为jQuery对话框，控件，按钮等。

我看到的一些可能性是：

$(function() {
    var dialogHtml = '<div><label>Username</label><input type="text" name="username" /><br /><label>Password</label><input type="password" name="password" /></div>';
    var $dialog = $(dialogHtml).dialog({
        title: 'Dynamic Dialog'
    })
});

这很快就会变得混乱

作为外部文件 http://jsfiddle.net/3zFeT/（不起作用）

$(function() {
    $.get("http://pastebin.com/raw.php?i=pFTCdN81", function(html) {
        $(html).dialog({ title: "Dynamic Dialog" });   
    });
});

您使用什么方法？

Answer 1

字符串肯定，外部文件只会在混合中添加新请求，您应该尝试最小化它们。最简单的字符串可以将功能用作替换函数的模板，或者某些js框架甚至可以为此提供更高级别的实用程序。

顺便说一句，你的第二个例子因跨域问题而无效

如何使用JS动态添加HTML（In Strings？）

1 个答案: