引導工具提示在ajax後不工作

我有一個名爲index.php的文件，其中包含另一個名爲file1.php的文件（在index.php中包含jQuery，js等所有必需的文件）。在file1.php中我有一個帶有按鈕的表格，每個按鈕都打開一個模式。模態中的信息來自file2.php的ajax調用。在file2.php中我創建一個表。在表中，我有這個單元格：引導工具提示在ajax後不工作

<button class='btn btn-default tooltip-default' data-toggle='tooltip' data-trigger='hover' data-placement='top' data-content='content' data-original-title='Twitter Bootstrap Popover'>AAA</button>

和，以及，工具提示不起作用。但是，當我複製這個並將其獲取到file1.php，在表中，工具提示不起作用。

任何人都可以幫我修復工具提示嗎？ Thx。

來源

2015-09-07 Yuvalb

我認爲您需要初始化新到數據的工具提示，例如

$('[data-toggle="tooltip"]').tooltip();

在DOM操作之後，將此代碼放置到您的AJAX成功處理程序。

來源

2015-09-07 21:25:26 Tom

答案有效，但爲了進一步澄清，我在返回的AJAX頁面的末尾放置了以下代碼。（）;（數據切換=「工具提示」]'）。tooltip（）; }）; – user1405736

在DOM操作之後，我將代碼添加到了我的AJAX成功處理程序中。它工作，然後它沒有。我很困惑，爲什麼它不總是工作。我有一個表單，用戶可以選擇幾個過濾器，提交表單，並獲得結果...並重復過程。 AJAX運行查詢結果並顯示它們。這是在我想要一塊數據充當工具提示或彈出窗口的結果中。它可能適用於1或2個表單提交，然後之後它不起作用。我必須重新加載主頁才能使其重新工作。 – Roberto

@Roberto，這可能是因爲你的成功函數沒有被調用，而你的ajax正在調用錯誤處理程序。在完整處理程序中調用它應該更加一致。 – eaglei22

我成立了由放置我的刀尖像這樣：

function setUpToolTipHelpers() { 
    $(".tip-top").tooltip({ 
     placement: 'top' 
    }); 
    $(".tip-right").tooltip({ 
     placement: 'right' 
    }); 
    $(".tip-bottom").tooltip({ 
     placement: 'bottom' 
    }); 
    $(".tip-left").tooltip({ 
     placement: 'left' 
    }); 
}

與文檔準備調用初始化這個：

$(document).ready(function() { 
     setUpToolTipHelpers(); 
    });

這樣我能確定的刀尖的位置，以及我只需要指定使用類和標題的提示：

<td class = "tip-top", title = "Some description">name</td>

然後我打電話給「setU pToolTipHelpers（）「裏面我成功的ajax函數。或者你也可以在完整的功能上調用它。這似乎對我很好。

來源

2017-10-19 19:23:11 eaglei22

引導工具提示在ajax後不工作

回答

相關問題