2011-08-17 9 views
0

페이징을 사용하는 사이트가 있습니다.다이나믹하게 추가 된 코드에서 툴팁을 사용하려면 어떻게해야합니까?

http://plugins.jquery.com/project/tooltip 내가 사업부 컨테이너를 업데이트 할 수 AJAX를 사용

나는 툴팁에 대한 다음과 같은 플러그인을 사용합니다. 나는 새 페이지를로드 할 때 내가 요소 위로 마우스를 가져 가면

<script type="text/javascript"> 
function EnableDisableToolTip() { 

    var help_text = $("#helptext_checkbox").is(':checked:'); 

    if (help_text) { 
    alert("true"); 
     $(".tooltip").qtip("enable") 
    } 
    else if (!help_text) { 
    alert("false"); 
    $(".tooltip").qtip("disable"); 
    }   
} 
</script> 

, 난 어떤 도구 설명을 볼 수 없습니다 :

$(".page-number").live("click", function() 
    { 

     var page = parseInt($(this).html()); 
     var progressbarValue = ((page/$("#NumberOfPages").val()) * 100); 
     var catId = $("#CategoryID").val(); 

     $.ajax({ 
      url: '@Url.Action("QuestionList")', 
      data: { "categoryId": catId, "page": page }, 
      success: function (data) { 
       $("#question-list").html(data); 
       $("#progressbar").progressbar("value", progressbarValue); 
       $("#progresstext").html("<p>" + Math.round(progressbarValue) + "% gennemgået</p>"); 
       EnableDisableToolTip(); 
      } 
     }); 
    }); 

이 활성화 할 수있는 기능/비활성화 도구 설명은 다음과 같습니다이 코드입니다 class = "툴팁". 또한, 내가 소스 코드를 볼 때 동적으로 추가 된 코드가 없습니다. 첫 번째 페이지에서 작동하며 class = "tooltip"인 소스 코드가 있습니다. 하지만 역동적 인 것은 아닙니다.

어떻게이 문제를 해결할 수 있습니까?

[편집]

툴팁 코드 :

 $(".tooltip").each(function() 
    { 
    $(this).qtip({ 

     show: 'mouseover', 
     hide: 'mouseout', 

     style: { 
      name: 'light', // Inherit from preset style 
      width: { 
       min: 0, 
       max: 250 
       }, 
     }, 

     position: { 
      corner: { 
       target: 'topMiddle', 
       tooltip: 'bottomLeft' 
      }, 
      adjust: { 
       screen: true, 
       scroll: false 

      } 
     } 
    }); 
}); 

답변

0

페이지 소스보기 페이지가 원래 요청한 때 클라이언트에 전달 된 것을 보여줍니다. 현재 DOM을 표시하지 않습니다.

새 콘텐츠를 페이지에 추가 할 때 어떤 콘텐츠가 실행되었는지 알 수 없습니다. 컨텐츠가 추가되면 툴팁을 위해 페이지를 다시 스캔해야합니다.

+0

$ (". tooltip") .qtip ("enable")에서 실행되는 툴팁을 표시하는 코드로 내 질문을 편집했습니다. 툴팁을 위해 페이지를 다시 스캔 할 수있는 방법을 설명해 주시겠습니까? – Nanek

+0

Ajax 콜백에서'The tooltip code :'를 다시 호출해야합니다. 활성화/비활성화 된 코드 만이 아닙니다. – epascarello

+0

도움을 주셔서 감사합니다 :) – Nanek

0

EnableDisableToolTip에는 도구 설명 ($("#helptext_checkbox").is(':checked:'))을 활성화/비활성화하는 조건이 있습니다. 아약스 전화를 걸 때 선택 했습니까? 툴팁이 활성화되어 있지 않아 검사하지 않았다고 생각합니다.

+0

사실을 알리기 때문에 확인했습니다. – Nanek

관련 문제