个人中心
gpt4 book ai didi

javascript - Backbone Marionette LayoutView 找不到 DOM 元素

转载 作者：行者123 更新时间：2023-11-29 10:14:01 25 4
gpt4 key购买 nike

我在渲染 Marionette LayoutView 和显示该布局内的区域时遇到问题。

我的布局文件:

template: '#fooTemplate',
    regions: {
        barRegion: '.bar'
    }

我的 HTML:

<script id="fooTemplate" type="text/template">
    <div id="fooDiv">
        <div class="bar">
        </div>
    </div>          
</script>

渲染布局和显示区域的代码:

var FooLayout = require('./browserify/path');
var fooLayout = new FooLayout({el:"#fooDiv"})

collectionView = new CollectionView({
    collection: collection
});
fooLayout.render();
fooLayout.barRegion.show(collectionView);

我收到一个错误 Uncaught Error: An "el"#foo .bar must exist in DOM

我在 LayoutView 的功能中缺少什么？我有一个类似的例子工作得很好，但出于某种原因我无法复制它。

最佳答案

发生这种情况是因为 View 与 DOM 分离。如果指定 {el:"#fooDiv"}，#fooDiv 元素必须在 DOM 中。我认为应该有这样的东西:

<script id="fooTemplate" type="text/template">
    <div class="bar"></div>      
</script>

在 html 标记中添加#fooDiv

<body>
    ...
    <div id="fooDiv"></div>
    ...
</body>

然后你可以做

// "wrap" new Layout around existing div
new FooLayout({ el: '#fooDiv' });
// etc.

或

// create a new DOM element with the id 'fooDiv':
var fooLayout = new FooLayout({ id: 'fooDiv' });
fooLayout.render();
document.body.appendChild(fooLayout.el); // or $('body').append(fooLayout.el);

关于javascript - Backbone Marionette LayoutView 找不到 DOM 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26745674/

25 4 0
文章推荐： javascript - Highcharts 导航器错误 : Invalid negative value for attribute width
文章推荐： javascript - 如何在表格中创建复选框列？
文章推荐： java - java.lang.System.arraycopy(Native Method) 线程 "main"java.lang.ArrayIndexOutOfBoundsException 中的异常
文章推荐： javascript - 如何使用 jQuery 延迟事件传播
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com