2013-10-11 3 views
2

У меня есть такой сценарий:нажмите() JQuery не работает в IE8

<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 (класс = "nextMediumImg"), происходит событие, нажмите на изображение (класс = "следующий")

это JQuery

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

Это JQuery корректно работает в Chrome, Firefox, но не в IE8. Как я могу решить эту странную проблему? Спасибо заранее!

+1

изменения '$ ('.next img'). click(); 'to' $ ('. next'). click(); 'работает? – q0re

+0

Откройте консоль в IE8 (нажмите F12, чтобы открыть инструменты разработчика) и посмотрите, какое сообщение об ошибке вы получите. – Adam

+0

Вы уверены, что хотите нажать на изображение, а не на ярлыке привязки? –

ответ

1

Он работает в IE 8 с jQuery 1.10.1, я не вижу никакой проблемы. Сохраните этот код как .html и открыть в IE 8.

Если не работает, то вы должны использовать JQuery 2.X, выпавшая поддержку для IE 8 :)

<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> 
+0

попробовал, но не работает, очень странно !!!! –

+0

@vincenzolopalo, я открылся в IE 8 и зарегистрировался во всех режимах документа, таких как 7,8, причуды. Его работы для меня. В какой точной версии IE вы используете –

+0

, вы правы, вопрос из моей версии jquery! еще раз –

0

Я думаю, проблема в том, что вы установили клик на img, а не на anchor.

Изменить

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

в

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

должен работать.

+0

нет, поэтому не работает –

+0

Вы нажимаете на поле «div» или на изображение? Установили ли вы размер поля div, потому что его пустые .. и, возможно, не видны? – q0re

+0

Я нажимаю div box –

Смежные вопросы