Установить текст всплывающей подсказки с JQuery

Question

У меня есть следующий код:

var text = ""; 
$.ajax({ 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    type: "POST", 
    url: DataReview.BASE + "/Encryption/FetchLatestEditBy", 
    data: JSON.stringify({ 
     "ExtendedReport_id": dataRow["ExtendedReport_id"], 
     "Report_id": dataRow["Report_id"] 
    }), 
    success: function (data) { 
     text = data.ResultData; 
    }, 
    error: function (data) { 
     console.log(data); 
    } 
}); 

setTimeout(function() { 
    console.log(text); //This displays the value 
    $(this).attr('data-toggle', 'tooltip'); 
    $(this).attr('title', text); 
}, 1000); 

Как вы можете видеть, Im пытается установить подсказку-текст в SetTimeout-функции. Но он не появится. Когда я заменяю text -переменный с некоторым фиктивным текстом, он работает. Но значение переменной не работает.

Кто может мне помочь?

Answer 1

Когда вы используете таймаут, this будет в области окна, а не с элементом. Таким образом, вы фактически добавляете атрибуты в окно.

Во-вторых, нет гарантии, что вызов ajax будет выполнен, или вы можете ждать слишком долго после вызова Ajax, используя таймаут. Вы должны установить атрибуты в обратном вызове успеха вызова Ajax.

В-третьих, вам, вероятно, нужно вручную вызвать подсказку, чтобы получить обновленные данные.

var elem = $(this); 
$.ajax({ 
    /* your code here, removed to simplify answer*/ 
    success: function (data) { 
     elem.attr('data-toggle', 'tooltip'); 
     elem.attr('title', text); 
     elem.tooltip().tooltip("show"); // might need to change this line based on actual library 
    } 
}); 

Answer 2

Я предполагаю, что ваш успех Аякса занимает больше времени и, таким образом, функция SetTimeout вызывается первым перед значением переменной «Текст» устанавливается в функции успеха. Попробуйте вызвать функцию в функции onsuccess ajax.

var text = ""; 
$.ajax({ 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    type: "POST", 
    url: DataReview.BASE + "/Encryption/FetchLatestEditBy", 
    data: JSON.stringify({ 
     "ExtendedReport_id": dataRow["ExtendedReport_id"], 
     "Report_id": dataRow["Report_id"] 
    }), 
    success: function (data) { 
     text = data.ResultData; 
     settooltiptext(); 
    }, 
    error: function (data) { 
     console.log(data); 
    } 
}); 

function settooltiptext() 
{ 
    console.log(text); //This displays the value 
    $(this).attr('data-toggle', 'tooltip'); 
    $(this).attr('title', text); 
}