Jquery에서 클릭 시 기능이 IE 6의 img에 대해 작동하지 않습니다.
-
05-07-2019 - |
문제
img 태그에 클릭 및 애니메이션 기능을 바인딩하려고 했습니다.Firefox에서는 잘 작동합니다.하지만 IE에서는 문제가 발생했습니다.그래서 코드를 단순화하고 클릭에 대해서만 테스트했습니다.클릭 기능조차 작동하지 않습니다.다음은 'arrowimg' 클래스가 있는 img 태그에 대한 클릭 기능입니다.
$('.arrowimg').click(function(){alert("Show me")});
FF에서는 이 경고가 표시되지만 IE에서는 표시되지 않습니다. 무엇이 문제일까요?
편집:여기 img 태그에 대한 HTML 생성 코드가 있습니다.
<img src='http://localhost/gowri/Project/SS4U/public/images/symbols/advartise_right_arrow_NEW.gif' id="next" class="arrowimg" alt="advartise_right_arrow" />
해결책
문서 준비 이벤트에 있는지 확인한 다음 반 콜론으로 경고를 끝내십시오.
$(document).ready(function() {
$('.arrowimg').click(function(){alert("Show me");});
});
편집하다: 마크 업에 뭔가가있는 것 같습니다.
'advartise_right_arrow_new.gif'주변에 이중 인용문이 있습니다.
대신이라면 :
<div id="nextdiv">
<img src="<?php echo _SS4U_SYM.'advartise_right_arrow_NEW.gif'; ?>"
id="next" class="arrowimg" alt="advartise_right_arrow"/>
</div>
다른 팁
일반적으로 IE6은 이를 처리할 수 있어야 합니다.선택기와 일치하는 항목이 있는지 확인하세요.
alert($('.arrowimg').length);
그렇지 않은 경우 이전 단계에서 다른 문제가 발생했을 수 있습니다.
이 시도,
$('.arrowimg').click(function(event){
event.preventDefault();
alert("Show me");
});
향후 참조를 위해 : jQuery 버전과 jQuery 구문을 확인하십시오.
jQuery 1.6 및 사용
$('#elem_id').on('click', function(){ });
~ 할 것이다 ~ 아니다 때문에 작동합니다 ~에 기능. 오류: '정의되지 않은'은 함수가 아닙니다
사용
$('#elem_id').click(function(){ });
대신 최신 JQuery 버전으로 업그레이드하십시오. https://developers.google.com/speed/libraries/devguide#jquery
제휴하지 않습니다 StackOverflow