我一直在尝试让模式正常工作,它在所有经过测试的浏览器上似乎都很好,除了 IE9 上的一个问题。页面加载时,模式不起作用。如果我然后打开开发工具并再次关闭它们(或者甚至只是保持它们打开),它就可以正常工作。我该如何调试这个问题?
编辑:这是链接:http://dev.birddartmouth.co.uk
这是我的代码。
HTML:
<a href="#" class="item" data-reveal-id="292">
<img src="http://dev.birddartmouth.co.uk/wp-content/uploads/2013/10/096.jpg" />
</a>
<div id="292" class="reveal-modal">
<a href="#" class="close-reveal-modal"><i class="close icon close-reveal-modal"></i></a>
<div class="header">
Bow tie neck silk overlay top/dress with sequin hem – cream, grey <p>£0</p>
</div>
<div class="content">
<img src="http://dev.birddartmouth.co.uk/wp-content/uploads/2013/10/096.jpg" />
</div>
</div>
JS:
$( "a.item" ).click(function( event ) {
event.preventDefault();
var elementClicked = "#" + $(this).attr("data-reveal-id");
console.log(elementClicked);
$(elementClicked).foundation('reveal', 'open');
});
$( "a.close-reveal-modal" ).click(function( event ) {
event.preventDefault();
var openElementClicked = "#" + $(this).parent().attr("id");
console.log(openElementClicked);
$(openElementClicked).foundation('reveal', 'close');
});
最佳答案
当控制台未在 IE 中打开时,console.log 会引发错误。
注释掉控制台行或检查支持
window.console && console.log(elementClicked);
关于javascript - Modal 在 IE9 中不起作用 - 打开开发人员工具后它可以正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19546047/