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") をクリックすると、イベント click in image (class="next") が発生します

これはjqueryです

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

この jquery は、Chrome、Firefox では正しく動作しますが、IE8 では動作しません。この奇妙な問題を解決するにはどうすればよいですか? 前もって感謝します!

4

2 に答える 2

1

jQuery 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 に答える