javascript - 在 Grails 模板中呈现的 HTML 未附加到页面源 (DOM)

Question

我的页面中有多个选项卡，选项卡下方有一个空的 div。我正在将不同的 grails 模板加载到这个 div 中，如下所示

$('.project-content').load('<g:createLink controller="test" action="testDashboard" params="    [testInstance:applicationInstance.name]" />' + "/" + new Date().getTime() );

我的 Controller 处理如下:

def testDashboard(){
        render template: 'testing/testTemplate', model: [applicationInstance:          params.get('applicationInstance')],contentType: 'html'
    }

模板本身在一个 div 中有一些 html 内容

显示内容

模板确实在 div 中呈现。但是，当我查看页面的源代码时，我找不到模板 html 源代码。

您能告诉我如何使它可用吗？我需要它来将一些事件附加到 testDiv

谢谢，

导航

Answer 1

您永远不会在 html 源代码中找到它，因为它不存在。“加载”模板的 Js 在加载文档 (document==Sourcecode) 后 执行。因此，您正在通过加载新内容来操纵 DOM，要查看它，只需使用 chrome 的元素检查器或 firefox 的 firebug。

如果你想给内容附加事件，你必须委托(delegate)选择器或者你传递相关的脚本在模板中执行，这也是可能的。它会在你的模板成功加载后立即执行。