2013-10-10 2 views
-1

Кто-нибудь знает, почему это не работает в IE9: http://jsfiddle.net/S7ERu/1/Как использовать jQuery в IE9?

//jquery 
$("#submitpost").on("click", function() { 
     alert('test'); 
}); 


//html 
<a href="#" id="submitpost">Submit</a> 

Полный самостоятельный вариант, который не работает в IE9:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
<body> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

    $(document).ready(function() { 
     $("#submitpost").on("click", function() { 
     alert('test'); 
     }); 
</script> 
<a href="#" id="submitpost">Submit</a> 

</body> 
</html> 
+2

Он отлично работает для меня. – tymeJV

+0

какая версия jQuery вы используете? – abc123

+0

Не работает ли он только в IE9? Работает ли он в других браузерах? – showdev

ответ

1

В вашем новом отдельном образце вам не хватает окончательного });, чтобы закрыть $(document).ready(function(){.

Я добавил это, и в IE9 он работал нормально.

-1

Bind после загрузки документа:

<script type="text/javascript"> 
$(document).ready(function() { 
//code here 
}); 
</script> 

Также убедитесь, что если вы используете 1.10.2, он правильно загружен из кеша.

+0

Downvoters: пожалуйста, объясните свои голоса. Это может быть полезно. – showdev

0

Оказывается, что, по крайней мере, в пределах JSFiddle, JQuery 1.10.1 в IE 9 бросает ошибку безопасности с:

1513: if (parent && parent.frameElement) { 
Error: Access is denied. 

Это может быть из-за использования сайта из нескольких доменов/чтобы изолировать скрипты с помощью политики одного и того же происхождения.

Вы можете попробовать модернизацию до 1.10.2. Поскольку JSFiddle в настоящее время не перечислить его в качестве опции, вы можете выбрать «No-Library» и просто включить его в разметке:

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 

Updated Fiddle.

+0

Попробуйте полную версию, которую я только что разместил. – 4thSpace

+0

@ 4thSpace Кажется, что просто отсутствует '});' для '.ready (function() {'. –

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