jQuery를 사용하여 iPad에서 img src 속성 변경

Question

img src를 변경하는 스크립트가 있습니다. iPad의 Safari를 제외한 모든 브라우저에서 훌륭하게 실행됩니다.

$("#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> 

모든하는 Pathes를 잘합니다. 나는 jQuery 1.9.1을 사용한다.

감사합니다.

죄송합니다. 문제는 러시아계 CMS가 좋지 않았기 때문에 해결되었습니다. 도움을 주셔서 감사합니다.

Answer 1

시도해보십시오. 특히 이미지와 관련하여 링크 실행을 중지하는 것이 항상 좋은 방법입니다. 우리는 false를 반환하지 않는 한 #을 클릭하면 속성이 제대로 읽고 있는지 확인하고 실제로 처리되는 클릭 alert(itemId)을 추가 /로 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. 시도 디버깅 을 일부 브라우저를 다시로드합니다. 대신 data- 속성을 사용해보십시오.
3. return false 또는 preventDefault.