JQuery的工具提示沒有AJAX負荷工作後

Question

我有我的網站上這樣的代碼：

$(document).ready(function() { 

    $('.tooltip-game').jBox('Tooltip', { 
    closeOnMouseleave: true, 
    ajax: { 
     url: 'tooltips/tooltip-game-html.jsp', 
     reload: true, 
     getData: 'data-ajax', 
     setContent: true, 
     spinner: true 
    } 
    }); 

    $('#tabs-1').tabs({ 
    beforeLoad: function(event, ui) { 
     ui.panel.html('<div style="text-align: center; vertical-align: middle;"><img src="images/loading.gif" />'); 
     ui.jqXHR.fail(function() { 
     ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible."); 
     }); 
    } 
    }); 
}); 

使用jQuery標籤和jQuery的工具提示，但加載與阿賈克斯外部文件後，提示不工作。我知道我必須使用。對（）函數，但我不知道該怎麼:(

非常感謝你爲你的祕訣。

Answer 1

您需要異步調用結束後，初始化工具提示。

function tooltips() {    
    $('.tooltip-game').jBox('Tooltip', { 
    closeOnMouseleave: true, 
    ajax: { 
     url: 'tooltips/tooltip-game-html.jsp', 
     reload: true, 
     getData: 'data-ajax', 
     setContent: true, 
     spinner: true, 
    //Take a look to this line 
     success: function() { 
      tooltips(); 
     } 
    } 
    }); 
}  


    $('#tabs-1').tabs({ 
    beforeLoad: function(event, ui) { 
     ui.panel.html('<div style="text-align: center; vertical-align: middle;"><img src="images/loading.gif" />'); 
     ui.jqXHR.fail(function() { 
     ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible."); 
     }); 
    } 
    }); 
});