Bootstrap всплывающих подсказки перестают работать, когда что-то нажали на странице

Question

На моей странице, я инициализировать Bootstrap подсказки таким образом

<script> 
    $(document).ready(function() { 
     $(function() { 
      $('[data-toggle="tooltip"]').tooltip(); 
     }); 
    }); 
</script> 

This question предполагает, что любое время событие происходит, вы должны перезагрузить всплывающие подсказки. Тем не менее, при различных обновлениях ajax-страницы, вероятно, есть 50+ событий для учетной записи. (Этот сайт использует веб-формы asp.net и ajaxcontroltoolkit)

Как я могу универсально повторять всплывающие подсказки при каждом событии? - или есть более простое решение для решения этой проблемы?

Answer 1

Вы должны яваскрипта ссылку на Sys.WebForms.PageRequestManager

Взгляните на/EndRequest событий BeginRequest. Поскольку asp.net ajax заменяет ваш html, вам нужно переустановить виджеты bootstrap после того, как asp.net завершит свой ajax.

Попробуйте это:

<script> 
var prm = Sys.WebForms.PageRequestManager.getInstance(); 
//func to rebind tooltip 
function reBind() { $('[data-toggle="tooltip"]').tooltip(); } 
$(document).ready(function() { 
    $(function() { 
     reBind();    
     prm.add_endRequest(reBind); 
    }); 
}); 
</script> 

Имейте в виду, некоторые бутстраповские виджеты сломается, если они связаны в два раза, так что используйте свое усмотрение; некоторым элементам, возможно, потребуется отслеживать их события, чтобы увидеть, связаны ли они более одного раза.