onClick 父 getElementById.click();无法在 Chrome 中工作
我一直在尽力解决这个问题,但我真的找不到问题所在。我对 javascript 并没有真正的经验,所以这可能是我缺少的一些基本知识。
现在,我复制代码后发现允许IE以外的浏览器注册click();它在除 Chrome 之外的所有浏览器中都能完美运行。我测试了 IE、FF、Safari 和 Opera,它们都可以工作。
我的设置是,我有一个 iframe,其中带有按钮,这些按钮应该激活父级中的 Shadowbox 画廊。
我在主页 (index.html) 中的脚本是:
<head>
//shadowbox linking
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
//included based on what I found online to enable the click(); method to work in browsers besides IE)
<script type="text/javascript">
if(typeof HTMLElement!='undefined'&&!HTMLElement.prototype.click)
HTMLElement.prototype.click=function(){
var evt = this.ownerDocument.createEvent('MouseEvents');
evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
this.dispatchEvent(evt); }
</script>
</head>
<body>
<a id="web1" href="http://www.google.com/" rel="shadowbox[gallery]"></a>
<a id="web2" href="http://www.yahoo.com/" rel="shadowbox[gallery]"></a>
<iframe src="frame.html">You can't see
iframes.</iframe>
</body>
我在 iframe (frame.html) 中的链接是:
<a href="#" onClick="parent.document.getElementById('web1').click();">Link1</a>
<a href="#" onClick="parent.document.getElementById('web2').click();">Link2</a>
我真的希望有人可以帮助我 =) 谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
哦,看来我发现了问题 -_-
脚本没有任何问题,它工作得很好。当文件托管在本地时,Chrome 似乎存在一些安全问题。我把文件上传到网上,一切正常。 =)
我希望这会对碰巧遇到它的人有所帮助,特别是从 iframe 链接 Shadowbox,因为我遇到了很多关于它的帖子。
Oh it seems I've found the problem -_-
There is nothing wrong with the script, it works perfectly fine. Chrome just seems to have some security issues when the files are hosted locally. I uploaded the files online and everything works fine. =)
I hope this will help someone who happens to come across it, especially linking Shadowbox from an iframe as I came across quite a few posts about it.
Chrome 不支持(很好).click()。解决这个问题的一种方法是使用 jQuery。将
getElementById('web2').click()
转换为$("#web2").click()
。.click() is not supported (well) in Chrome. One way around it is to use jQuery. Convert
getElementById('web2').click()
to$("#web2").click()
.