2014-07-08 2 views
3

버튼의 mouseover 이벤트에 동적으로 생성 된 테이블을 표시하기 위해 gridview 버튼에 tooltipster를 사용하고 있습니다. 그러나 그것은 처음에는 효과가 없으며 이후에는 효과가 있습니다. 내 버튼 내가 기능의 ShowMe()를 호출 오전의Tooltipster가 처음 작동하지 않습니다.

var jobid1 = ''; 
    var salesofficeid1 = ''; 
    function ShowMe(event, jobid, SalesOfficeId) { 
     jobid1 = jobid; 
     salesofficeid1 = SalesOfficeId; 
     $('.reviewNotes').tooltipster({ 
      multiple: true,     
      functionBefore: function (origin, continueTooltip) { 
       continueTooltip(); 
       $.ajax({ 
        type: 'POST', 
        cache: false, 
        url: 'Mywebservice.asmx/FetchReviewHistory', 
        data: "{ 'jobid':" + jobid1 + ",'SalesOfficeId':" + salesofficeid1 + "}", 
        dataType: "json", 
        contentType: "application/json; charset=utf-8", 
        success: function (data) { 
         origin.tooltipster('content', $(data.d)); 
        } 
       }); 

      } 
     }); 
    } 

onMouseover와 이벤트 : 다음은 내 코드입니다. 어디서나 내 질문에 대한 답변을 찾으려고했지만 문제가 해결되지 않았습니다. 감사합니다

답변

0

Tooltipster는 호버 이벤트 수신기를 추가하므로 document.ready에서 툴팁을 실행해야합니다.

귀하의 경우에 실제로 발생하는 것은 사용자가 마우스 오버하면 사용자가 가리키는 수신기를 추가하는 것입니다. 두 번째로 툴팁 스터에주의를 기울일 때까지는되지 않습니다. 마우스를 올릴 때마다 여분의 마우스 오버 이벤트 리스너를 추가하기 때문에 이것은 나쁘다.

관련 문제