Simpletip 플러그인이 작동하지 않습니다.

Question

괜찮습니다. 툴팁을 모바일 장치에서 사용할 수 있도록 Simpletip을 사용하여 클릭 이벤트에 대한 툴팁을 만들려고했습니다.

나는 내 삶을 살아갈 수 없다. 시도가 실패한 예를 http://jsfiddle.net/JrDYN/5/에 작성했습니다.

아무도 왜 작동하지 않는지 확인할 수 있습니까?

감사 그렉

Answer 1

은 현재 문제의 몇 가지있다. 우선, 당신이 hover에 전화 내부 객체 리터럴 구문을 사용하고 있지만 전달하고있는 코드는 함수 본문입니다 :

$(".trafficlights").hover({ 
    $(this).css('background', 'green'); 
}); 

그리고 당신이 simpletip 호출에 오타가 있었다합니다 (S는 대문자로했다) . 이것은 jsFiddle 예를 작동합니다

$(document).ready(function() { 
    $(".trafficlights").simpletip({ 
     content: 'Simple Tip' 
    }); 
    $(".trafficlights").hover(function() { 
     $(this).css('background', 'green') 
    });   
}); 

가 여기 jsFiddle의 updated version입니다.

나중에 참조 할 수있는 방법은 Chrome의 개발자 도구 (F12를 누르십시오)를 열고 콘솔 탭을 살펴 보는 것입니다. Chrome에서 구문 오류를보고했습니다. 그 덕분에 누락 된 function 키워드를 발견 할 수있었습니다.

일단 내가 그 자리에 있었다면 나는 여전히 오류가 발생하여 simpletip에 대한 호출을 주석 처리했으며 오류가 사라졌습니다. 빙고, simpletip 섹션의 구문 오류, 개체가 존재하지 않습니다. 문서를 빠르게 살펴보면 simpletip 호출을 대문자로 입력해야한다는 사실이 확인되었습니다. 당신은 그것을 가지고 있습니다.

Answer 2

방금 ​​같은 문제가 발생하여 간단한 팁으로 툴팁 html을 img 태그 안에 넣습니다. 이 때문에 브라우저에서 인식하고 처리하지 못하기 때문에 툴팁이 표시되지 않습니다.

이미지를 <a href="javascript:;"></a> 안에 배치하고 간단한 팁을 적용하여 작업했습니다.