Как загрузить страницу в QTIP подсказки

Question

Я хочу, чтобы все ссылки с классом «подсказка» нагрузка подсказкой, содержащой страницу, они ссылку, вот код, который я получил от http://jsfiddle.net/craga89/L6yq3/, но по какой-то причине он не работает ..

\t \t <script> 
 
\t \t \t // Create the tooltips only when document ready 
 
$(document).ready(function() 
 
{ 
 
    // MAKE SURE YOUR SELECTOR MATCHES SOMETHING IN YOUR HTML!!! 
 
    $('.tooltip').each(function() { 
 
     $(this).qtip({ 
 
      content: { 
 
       text: function(event, api) { 
 
        $.ajax({ 
 
         url: api.elements.target.attr('href') // Use href attribute as URL 
 
        }) 
 
        .then(function(content) { 
 
         // Set the tooltip content upon successful retrieval 
 
         api.set('content.text', content); 
 
        }, function(xhr, status, error) { 
 
         // Upon failure... set the tooltip content to error 
 
         api.set('content.text', status + ': ' + error); 
 
        }); 
 
     
 
        return 'Loading...'; // Set some initial text 
 
       } 
 
      }, 
 
      position: { 
 
       viewport: $(window) 
 
      }, 
 
      style: 'qtip-wiki' 
 
     }); 
 
    }); 
 
});            
 
\t \t </script>

Answer 1

вы можете показать, что вы хотите в подсказке.

У вас есть. Then callback и у вас есть все запрашиваемые материалы.

.then(function(content) { 
    // Set the tooltip content upon successful retrieval 
    var img = $(content).find('img'); // Get particular image from response html 
    api.set('content.text', img); // Show that image 
}, function(xhr, status, error) { 
    // Upon failure... set the tooltip content to error 
    api.set('content.text', status + ': ' + error); 
}); 

http://jsfiddle.net/L6yq3/3007/