Подсказка для элемента DIV, созданного на сервере

Question

У меня есть несколько элементов DIV, которые создаются на стороне сервера, а затем позже отображаются на стороне клиента с использованием ASP. NET MVC Html.Raw Helper. Я хочу добавить всплывающее окно с помощью мыши. Содержимое всплывающего окна для каждого элемента DIV отличается. Как я могу это сделать с помощью JQuery или qTip ?. вот мои образцы элементов DIV. Любые предложения были бы очень полезными.

<div class="gantt" style="border-width:medium;border-color:black;background:green;width:2%;margin-left:10%;">11</div> 
<div class="gantt" style="border-width:medium;border-color:black;background:green;width:7%;margin-left:12%;">11</div> 

Я пытаюсь понять, как я мог бы создать текст для всплывающего окна на стороне сервера, а затем позже использовать JQuery, чтобы показать его в качестве всплывающего окна при наведении курсора мыши.

Answer 1

qTip также предоставляет вызовы AJAX, поэтому вы можете получить контент, который должен быть отображен внутри всплывающего окна с сервера.

Простой пример

$('.selector').qtip({ 
    content: { 
     text: 'Loading...', // The text to use whilst the AJAX request is loading 
     ajax: { 
      url: '/path/to/file', // URL to the local file 
      type: 'GET', // POST or GET 
      data: {} // Data to pass along with your request 
     } 
    } 
}); 

Вы можете прочитать много из here