Question

jquery.messager插件实现右下角滑出框，在ie10 11里面关闭不了

在网上找的一个jquery.messager插件实现右下角滑出框 网站http://demo.jb51.net/js/jquery.messager/index.html，但在ie10 、11里面关闭不了 一点关闭 调用关闭的方法就是关闭浏览器窗口去了

不是关闭那个div 求高手帮忙修改下 这个关闭时候的代码 ：

就这个'this.close() 是关闭浏览器窗口 不是关闭div， 但在其他浏览器就可以， 除了ie 10 11 是要关闭 不是隐藏 怎么弄？





Answer 1

经测试，问题出在this.close()和setTimeout()所在的domWeb文件中的close()方法重名，导致无法调用到messager插件js里的close()方法，把messager插件的js方法改个名字统一调用即可，如改为closeFrame()再调用就能正常关闭。

Answer 2

你setTimeout里面的this指向的window，所以close的是当前窗口, 在setTimeout外面添加：
var self = this;
setTimeout(self.close,1)

追问

加了 var self = this;
setTimeout(self.close,1) 关闭是还是一样啊 ？？

追答

你先断点看看self是window还是html元素吧

追问

在往后走两下就变了

到最后就是关窗口了

 

追答

你先给你的插件加上close函数吧
在$('#message_close').click(....)外面保存this

然后setTimeout(self.close,1)
不好意思 之前没看懂你的代码 这次一定行....

追问

插件加上close函数？ function close() { ... }这样？里面写什么额？

追答

this.close = function() {

this.element.hide(); // this.element.remove()......

}

追问

还是一样

问题上面有那个网站啊  也可以下载这个源码   有时间的话下载去试试 看是怎么回事 ..

追答

init: function() {
if ($("#message).length) {
return;
}

this.element = $('×');
$('body').append(this.element);
this.element.find('.message_close').click(this.close);
},
close: function(e) {
setTimeout(function() {
$(e.currentTarget).parent().hide();
}, 1);
}

追问

改后都不弹出来了