2

我有这种情况：

<div class="nextMediumImg"></div>
<a class="next" rel="history" title="successiva" href="#4">
  <img src="images/next_image.png" width="13" height="27" alt="Successiva">
</a>

当我单击 div(class="nextMediumImg") 时，在图像中发生事件单击 (class="next")

这是jQuery

    <script>
      $(document).ready(function () {
         $('.nextMediumImg').click(function () {
            $('.next img').click();
            });
         });
    </script>

此 jquery 在 Chrome、Firefox 中正常工作，但在 IE8 中不能正常工作。我该如何解决这个奇怪的问题？提前致谢！

4

2 回答 2

1

它适用于带有 jQ​​uery 1.10.1 的 IE 8，我没有看到任何问题。将此代码另存为 .html 并在 IE 8 中打开。

如果不起作用，那么您应该使用已放弃对 IE 8 的支持的 jQuery 2.X :)

<html>
<head>
<style type="text/css">
.nextMediumImg{
    height:20px; width:50px; display:block; background-color:orange;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
      $(document).ready(function () {
          $('.next img').click(function(){alert('yeah');});
          $('.nextMediumImg').click(function () {
            $('.next img').click();
            });
         });   
</script>
</head>
<body>
<div class="nextMediumImg"></div>
<a class="next" rel="history" title="successiva" href="#4">
  <img src="https://www.gravatar.com/avatar/4c05b8240ce655d4db67b1eb99f705d7?s=32&d=identicon&r=PG" width="13" height="27" alt="Successiva">
</a>

</body>
</html>
于 2013-10-11T10:53:54.993 回答
0

我认为问题是，您将点击设置为img而不是anchor.

改变

$('.next img').click();

至

$('.next').click();

应该管用。

于 2013-10-11T10:46:51.150 回答