문제

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

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top