변수가 jQuery에 전달되고 있다고 생각하지 않습니다.

Question

현재 덮어 씌워 진 상태를 기반으로 오프셋을 변경하려고하고 두 속성 ("data-doff"및 "data-yoff")를 도구 설명 플러그인에 추가하면 상태 위로 마우스를 가져 가면 상태의 중앙에있는 툴팁에 이름이 나타나지만 작동하지 않습니다. "alert()"를 사용하여 발견 한 내용을 알려주고 속성을 읽을 수 있지만 사용하지 않고 있지만 잘못 이해하고 있습니다. 아이디어가 있으십니까?

내 jQuery를 스크립트 :

$(document).ready(function() { 
    $('.showState').hover(function() { 

     var xoff = $(this).attr('data-xoff'); 
     var yoff = $(this).attr('data-yoff'); 

     $('.tooltip').tooltipster({ 
      animation: 'grow', 
      delay: 0, 
      theme: '.ads-theme', 
      arrow: false, 
      offsetX: xoff, 
      offsetY: yoff 
     }); 
     return false; 
    }); 
}); 

관련 HTML

<area shape="poly" alt="California" title="California" coords="111...363" href="usa_py_expander.asp?lang=<%=mapLanguage%>&regionID=126" class="py_display fancybox-iframe tooltip showState" data-width="260" data-height="350" data-xoff="0" data-yoff="-150"> 

Answer 1

는 일반적으로 플러그인이 필요로하는 그들를 트리거해야 이벤트가 발생하지 않을 경우, 준비가 DOM에 초기화된다.

$(document).ready(function() { 
    $('.showState').each(function() { 
     $this = $(this); 

     var xoff = $this.attr('data-xoff'); 
     var yoff = $this.attr('data-yoff'); 

     $this.tooltipster({ 
      animation: 'grow', 
      delay: 0, 
      theme: '.ads-theme', 
      arrow: false, 
      offsetX: xoff, 
      offsetY: yoff 
     }); 
    }); 
}); 

그것은 data('whatever') 대신 attr('data-whatever')을 사용하는 것이 바람직입니다 : 당신은 아마 같은 것을 할 필요가있다.