已经在脚本中时如何使用 jQuery 将脚本写入页面答案

【问题标题】：How do I write scripts to the page with jQuery when inside a script already已经在脚本中时如何使用 jQuery 将脚本写入页面
【发布时间】：2011-11-05 01:00:34
【问题描述】：

我正在使用 jquery append() 、 html() 等构建网页表单，并且我必须将下面显示的脚本写入页面（由其他一些外部包含脚本调用我认为是 ID）

将此脚本写入页面或包含它以便外部调用脚本可以找到它的最佳方式是什么？

相关问题：

如果我使用 jquery html() 或类似方法，是否必须去掉所有空格？在将大块格式化的内容输出到页面时，我似乎总是遇到空格问题。谢谢

<script id="template-upload" type="text/x-jquery-tmpl">
    <tr class="template-upload{{if error}} ui-state-error{{/if}}">
        <td class="preview"></td>
        <td class="name">${name}</td>
        <td class="size">${sizef}</td>
        {{if error}}
            <td class="error" colspan="2">Error:
                {{if error === 'maxFileSize'}}File is too big
                {{else error === 'minFileSize'}}File is too small
                {{else error === 'acceptFileTypes'}}Filetype not allowed
                {{else error === 'maxNumberOfFiles'}}Max number of files exceeded
                {{else}}${error}
                {{/if}}
            </td>
        {{else}}
            <td class="progress"><div></div></td>
            <td class="start"><button>Start</button></td>
        {{/if}}
        <td class="cancel"><button>Cancel</button></td>
    </tr>
</script>

【问题讨论】：

标签： jquery include append

【解决方案1】：

我不知道你正在运行的模板引擎，但你看过.load()吗？我最近在一个大型项目中非常成功地使用了它。 .load() 函数是获取结果并将其附加到 DOM 中的对象的 ajax 快捷方式。 http://api.jquery.com/load/

您在使用.html() 函数插入代码时遇到了哪些错误？作为旁注，我假设您了解 FireBug (http://getfirebug.com/)？这将极大地帮助解决这些问题。

谢谢，

JMax

【讨论】：

我喜欢使用 .load() 来获取脚本而不是 jQuery 插入/附加撬棒的想法。但我不清楚 .load() 如何保留脚本的 ID，我think 被另一个依赖它的脚本作为目标。
我签入了 FF 和 Chrome。我运行.load() 函数来提取script.html 的内容，它们都加载到了ID 完整的DOM（分别为FireBug 和开发工具）中。我不太确定您是否在询问后端是如何工作的？
此页面上有另一个（包含）脚本，它依赖于我试图写入页面（加载）的脚本...我认为依赖脚本需要查看元数据上面的脚本，即： id="template-upload" type="text/x-jquery-tmpl" .. 我不知道如何通过.load() 方法。谢谢

【解决方案2】：

原来我能够使用 appendTo() 将问题中的脚本写入页面并保留 ID 和类型元数据..

我认为问题是空格和引号.. 当我正确处理该部分时，appendTo() 工作并且其他依赖包含文件也工作

【讨论】：