jQuery를 : 다수의 '기운'도구 팁

Question

내 데이터베이스에서 결과 목록을 다시 가져, 그들과 같이 표시됩니다

결과 1
결과 2
결과 3

등등 ... 이제 jQuery Tipsy 플러그인이 작동합니다. 결과 1의 맨 위로 마우스를 가져 가면 사용자 이름이 표시됩니다. 것은 결과 2 위로 마우스를 가져 가면 Tipsy 툴팁이 나타나야하지만 정상적인 브라우저 툴팁을 표시하는 것입니다.

모든 id의 결과에 a 태그의 이름이 동일하기 때문에 '동쪽'이라고 가정합니다. jQuery에서 각 체크에 대해 일종의 작업을 수행해야하지만, jQuery에서이 작업을 추가 할 위치를 찾지는 못했다.

아무도 해결책이 있습니까?

Answer 1

3 개의 a 태그 모두에 동일한 ID가 있습니다. 어떤 상황에서도 같은 페이지의 둘 이상의 요소에 동일한 ID를 적용하는 것은 허용되지 않습니다. 문제를 해결해야합니다.

<a href="result_one.html" id="result_one" class="tipsy">Result 1</a> 
<a href="result_two.html" id="result_two" class="tipsy">Result 2</a> 
<a href="result_three.html" id="result_three" class="tipsy">Result 3</a> 

당신은 세 가지 a 태그에 같은 클래스를 적용 할 수있는 다음 클래스에 기운 적용됩니다.

$(document).ready(function() { 
    $('.tipsy').tipsy({fade:true,gravity:'n'}); 
}); 

각 ID는 별도로 처리 할 수 ​​있습니다.

$(document).ready(function() { 
    $('#result_one').tipsy({fade:true,gravity:'n'}); 
    $('#result_two').tipsy({fade:true,gravity:'n'}); 
    $('#result_three').tipsy({fade:true,gravity:'n'}); 
});