2014-04-23 3 views
0

내 HTML 페이지에서 JQuery 툴팁을 사용하고 있으며 툴팁에 사용자 이름과 로그 아웃 링크가 있습니다.jquery 툴팁의 백본 이벤트

이제 내 백본보기에서 로그 아웃 링크의 ID로 이벤트를 바인딩하려고합니다. 하지만 이벤트가 시작되지 않았습니다.

도구 팁 코드를 제거한 다음 로그 아웃 링크를 클릭하면 이벤트가 시작되었습니다.

여기 질문은 - jquery 툴팁에 백본 이벤트를 바인딩 할 수 있습니까? 주위에 어떤 일이 일어나지 않을지라도.

일부 코드는

이 jQuery를 도구 팁

jQuery(function() { 
       jQuery.widget("ui.tooltip", jQuery.ui.tooltip, { 

        options: { 
         content: function() { 
//       self.addDescendant('toolTip', {selector: templ.loginHelpContent, view: tt}); 
          return jQuery(templ.loginHelpContent).html(); 
         }, 
         show: null, 
         close: function (event, ui) { 
          ui.tooltip.hover(

          function() { 
           jQuery(this).stop(true).fadeTo(400, 1); 
          }, 

          function() { 
           jQuery(this).fadeOut("400", function() { 
            jQuery(this).remove(); 
           }) 
          }); 
         }, 
         position: { 
          my: "left-190 bottom-18", 
          using: function(position, feedback) { 
           jQuery(this).css(position); 
           jQuery("<div>") 
//        .addClass("arrow") 
           .addClass(feedback.vertical) 
           .addClass(feedback.horizontal) 
           .appendTo(this); 
          } 
         }, 
        }      
       }); 
       jQuery(templ.loginHelpIcon).tooltip(); 
      }); 

을 적용하는 데 사용되는 기능과 logoutLink '에 내가 바인딩을 시도 HTML

<span id=loginHelpContent style="display:none"> 
         Not Elizabeth Murphy? <a id="logoutLink" style="color:blue;text-decoration: none">Sign out</a><br> and login as a different user. 
        </span> 

및 이벤트 니펫 '효과가 없었다.

+0

하는 일부 코드가 도움이 될 것입니다 – cor

답변

0

당신은 "tooltipopen"이벤트 ".tooltip tooltipopen": "listenTooltip"과 listenTooltip 기능에서들을 수 있습니다 :

listenTooltip: function(e) { 
    var tooltip = $(e) 
} 

Now you can bind listener to tooltip in this function