Backbone.js Fancybox2.1.3不使用主干网和IE7

我遇到过这样的情况：我有BackboneJS（0.9.2）和RequireJS（2.1.3），需要使用Fancybox打开一些内联隐藏内容（从下划线模板呈现）：

我尝试了各种方法将fancybox附加到元素，最简单的方法是在View.render（也使用View.events）：

$（this.el）.html（u.template（detailsDesignerTemplate，data））.appendTo（that.pageElement）；
$（'.read more'）.fancybox({
填充：0，
高度：“自动”，
宽度：970，
自动调整大小：false，
标题：“标题”
});

除了IE7（没有IE6支持，耶！）之外，它在所有情况下都能工作。IE7什么也不做（尽管有趣的是它调用了“beforeLoad”回调）

另外，有趣的是，它可以处理iFramed内容

fancybox二手容器#fancybox内容物 只需将视图设置为el:$（“#fancybox内容”）

---

并调用$.fancybox（this.$el.html（），{options}）

是否检查了开发人员工具控制台以查看是否有任何错误消息？

<div id="inlineContent" style="display: none">
    <div class="brand-images">
        <img class="brand-image" src="/img/brandImage.png" alt="" />
        <img class="designer-image" src="/img/designer.jpg" alt="" />
        <div class="external button"><a href="<%= designer.get("link") %>" data-designer="<%= designerId.substr(2, designerId.length) %>">Shop the full collection</a><span></span></div>
    </div>
    <div class="details">
        <p><%= designer.get("bio") %></p>
        <p class="more-bio"><%= designer.get("bioMore") %></p>
    </div>
</div>

$(this.el).html(  _.template( detailsDesignerTemplate, data )).appendTo(that.pageElement);
$('.read-more').fancybox({
    padding: 0,
    height: 'auto',
    width: 970,
    autoSize: false,
    title: '<h1>Title</h1>'
});