我正在尝试将 iframe 的主体用作 Backbone Marionette 中的区域。 Marionette 使用标准的 jquery 选择器来定义哪个元素是区域,如下所示:
App.addRegions( { main: "#main-region" } );
我希望我的区域成为 iframe 的主体,通常我会找到这样的:$('iframe').contents().find('body');
当试图把上面作为区域时,像这样:App.addRegions( { main: $('iframe').contents().find('body') } );
抛出以下错误:Uncaught Error: Syntax error, unrecognized expression: iframe.contents() body
Sizzle.error jquery.js?body=1:4681
tokenize jquery.js?body=1:4742
select jquery.js?body=1:5114
我试着直接把选择器放进去:App.addRegions( { main: "iframe.contents() body" } );
但它给了我完全相同的错误。编辑:
还尝试为它创建一个伪选择器:
$.expr[":"].contents = $.expr.createPseudo(function(selector) {
return function(el) {
var $el;
$el = $(el);
console.log($el.contents().find(selector));
return $($el.contents().find(selector));
};
});
// Usage: $('iframe:contents body');
它确实在函数本身中记录了 iframe 的主体:[body, prevObject: jQuery.fn.jQuery.init[1], context: iframe, selector: ".contents() body", constructor: function, init: function…]
但最终以某种方式返回 iframe 元素:[iframe, prevObject: jQuery.fn.jQuery.init[1], context: document, selector: "iframe:contents(body)", constructor: function, init: function…]
所以,我需要的是一个能够获取 iframe 主体或其他可以与 Marionette 一起使用的选择器。
有没有办法做到这一点?
最佳答案
不确定您是否已经找到了此解决方案的答案,但是您可以通过自己创建区域而不是依赖 Marionette 的内置选择器行为来轻松完成这项工作:
1) 首先你需要创建一个新的 Region
并传入一个 DOM 元素作为 el
选项:
var iframeRegion = new Backbone.Marionette.Region({
// Make sure you get the DOM object out of the jQuery object (eg. the .get() call)
el: $('iframe').contents().find('body').get(0)
});
2)然后将实例添加到您的应用程序而不是使用选择器字符串:
App.addRegions({
main: iframeRegion
});
关于javascript - 在 Backbone Marionette 中使用 iframe 主体作为区域,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26298347/