我想在单个父页面上使用两个easyXDM套接字,但没有成功。这两个套接字连接到相同的远程域但不同的端点。父页面有两个div false_app_div
和dummy_app_div
。下面显示的代码片段 -多个easyXDM在一个页面
在父页面我有两个JS功能activate_false_app()
和activate_dummy_app()
。
window.loadScript = function(src, onload, onerror) {
var head = document.getElementByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = src;
if (script.readyState) {
script.onreadystate = function() {
var state = this.state;
if (state === 'loaded' || state === 'complete') {
script.onreadystate = null;
onload();
}
};
}
};
window.activate_false_app = function() {
var exdm_url = 'http://localhost:8000/js/easyXDM/easyXDM.min.js';
on_load_fn = function() {
window.init_false_app_communication();
};
on_error_fn = function() {
return false;
};
window.loadScript(exdm_url, on_load_fn, on_error_fn);
};
window.init_false_app_communication = function() {
var false_app_socket = new easyXDM.Socket({
remote : 'http://localhost:8000/false_app',
swf : 'http://localhost:8000/js/easyXDM/easyXDM.swf',
container : 'false_ap_div',
onMessage : function(message, origin) {
alert('false_app onMessage');
alert(message);
}
});
};
window.activate_dummy_app = function() {
var exdm_url = 'http://localhost:8000/js/easyXDM/easyXDM.min.js';
on_load_fn = function() {
window.init_dummy_app_communication();
};
on_error_fn = function() {
return false;
};
window.loadScript(exdm_url, on_load_fn, on_error_fn);
};
window.init_dummy_app_communication = function() {
var dummy_app_socket = new easyXDM.Socket({
remote : 'http://localhost:8000/dummy_app',
swf : 'http://localhost:8000/js/easyXDM/easyXDM.swf',
container : 'dummy_app_div',
onMessage : function(message, origin) {
alert('dummy_app onMessage');
alert(message);
};
});
};
如果父页面,我打电话或者activate_dummy_app()
或activate_false_app()
,它的工作原理 - 这是孤立的工作都完全正常。但是如果我同时调用这两个函数,那么只有其中一个能够工作,并且在JS控制台上出现错误,那些东西是未定义的(我找不到)。
另外,我知道这个问题有事情做与装入两张easyXDMs因为如果我把init_dummy_app_communication
在activate_false_app()
的on_load_fn
(除init_false_app_communication
已经存在),那么这两个作品。
但是,我无法确定easyXDM是否已经加载,因此activate_false_app
和activate_dummy_app
都必须加载easyXDM,以便它们可以独立工作,也可以一起工作。我尝试使用noConflict
函数,但是那里的文档很糟糕,最终没有具体的结果。
有人遇到类似的问题或知道我在这里失踪?