Question

我没有“.is”去上班。它在IE9，firefox和其他现代浏览器中运行良好，但不是IE8或IE7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
</head>

<body>

<script type="text/javascript">
        $('body').click(function () {                   
                if (!$('.myDiv').is(":hover")) {
                    alert("outside of blue div");
                }
        });
</script>

<div class="myDiv" style="width:150px; height:150px; background:blue">&nbsp;</div>

</body>

</html>

或者看这里http://jsfiddle.net/uh8RB/

如何让它在IE8及更早版本中运行？

Answer 1

尝试使用$(document).click代替$('body').click。有时，<body>代码不会占据整个屏幕的高度/宽度，因此您可能会在<body>代码外点击。

此外，请尝试 ~~.is(":hover")~~ !$(e.target).is('.myDiv')而不是$(e.target).closest('.myDiv').length === 0，.closest用于检测我们是否点击了div或者孩子的div）。我不认为IE7或IE8支持:hover CSS伪属性。

$(document).click(function(e) {                   
   if($(e.target).closest('.myDiv').length === 0) {
      alert("outside of blue div");
   }
});

演示：http://jsfiddle.net/uh8RB/5/
更多测试：http://jsfiddle.net/uh8RB/8/
更新了演示：http://jsfiddle.net/uh8RB/14/

如何让“.is”在旧版本的Internet Explorer中工作

1 个答案: