Изменение атрибута img src на iPad с помощью jQuery

Question

У меня есть скрипт, изменяющий img src, он отлично работает в каждом браузере, кроме Safari на iPad. Вот оно:

$("#carousel a").click(function() { 
    var itemId = $(this).attr("itemid"); 
    $("#collection-photo img").attr("src", "path_"+itemId); 
}); 

А вот HTML код:

<div id="collection-photo"> 
    <img src="path_0" alt=""/> 
</div> 
<ul id="carousel"> 
    <li><a href="#" itemid="1"><img src="some_img_1" alt=""/></a></li> 
    <li><a href="#" itemid="2"><img src="some_img_2" alt=""/></a></li> 
    <li><a href="#" itemid="3"><img src="some_img_3" alt=""/></a></li> 
    ... 
</ul> 

Все тракты правы, потому что он работает в любом браузере, как я уже говорил ранее. Я использую jQuery 1.9.1.

спасибо.

Извините за этот вопрос, ребята. Проблема была в плохой русской CMS, и я решил ее, спасибо за вашу помощь.

Answer 1

Попробуйте это - всегда полезно прекратить выполнение ссылки, особенно когда дело касается изображений. Нажатие # перезагружает некоторые браузеры, если мы не вернемся ложь/preventDefault

$("#carousel a").click(function(e) { 
    e.preventDefault(); // cancel the click 
    var itemId = $(this).attr("itemid"); 
    $("#collection-photo img").attr("src", "path_"+itemId); 
}); 

Answer 2

1. Проверить iOS image size restrictions
2. Try отладки, добавьте alert(itemId), чтобы проверить атрибуты правильно читать и нажмите фактически обрабатываются. Попробуйте вместо data- атрибутов.
3. return false или preventDefault как предложено ранее.