Bootstrap Tooltip在模態MVC後面顯示5

Question

我無法讓我的Bootstrap工具提示在我的Modal內正確顯示。

我有一個MVC網站，我有時會用Ajax加載部分視圖並在模態中顯示它們。當用戶點擊按鈕時，我執行獲取並用Html更新模態體。 我的代碼包含我目前的測試，以使Modal正確顯示。

 $.ajax({ 
     url: url, 
     type: 'GET', 
     success: function (response) { 
      $('#modal-Levering-body').html(response); 

      var button = $('#UdleveringVHButton'); 
      button.attr('value', 'Found the button'); 
      button.tooltip({ container: '#modal-Levering-body' }); 
     } 

我的按鈕在我看來是定義爲

 <input type="button" id="UdleveringVHButton" value="Udlevering VH" class="btn btn-xs" title="Sæt alle varer til Udlevering Varehus" 
      data-tooltip="yes" data-placement="top" /> 

這是結果，當我的鼠標版的「發現按鈕」按鈕

奇怪的是，當我試試JSFiddle，它工作得很好 http://jsfiddle.net/z6qqvycf/

我在我的調試中受到限制因爲我不知道如何檢查工具提示。 Chrome開發工具不可見。

我也看過Bootstrap tooltip showing behind modal window但這並沒有影響我的情況。

有關如何調試和解決這種情況的任何建議？

編輯：

找到關於如何檢查工具提示本指南：

Freeze screen in chrome debugger/DevTools panel for popover inspection?

EDIT2：

我發現我的工具提示比我JSFiddler完全不同 JSFiddler

我的MVC設置

不知何故，.tooltip功能生成的東西在我的設置完全不同的比我JSFiddler。未知爲什麼目前。

EDIT 3

發現，存在對.tooltip（）函數自舉和jQuery UI之間的衝突。 我最近加載了JQuery UI，所以贏了。

我逆轉的加載順序，現在這一切按預期工作 jQueryUI Tooltips are competing with Twitter Bootstrap

Answer 1

我發現有對.tooltip（）函數，引導和jQuery UI之間的衝突。我最後加載了JQuery UI，因此優先考慮。

我顛倒了加載順序並最後加載了Bootstrap JS文件，現在它全部按預期工作。