爲showCustomCard數據（非JSON）

Question

我試圖找到如何使用hovercard使用自定義的HTML showCustomCard: true數據爲例，使用名片但它只是給出了JSON的例子。我改造我的應用程序，我已經發送基於HTML的回調數據。

任何人試圖以這樣的方式來使用名片？沒有JSON，只需要調用獲取用戶數據？

這裏是我的代碼（我有需要有一個名片頁面上的多個用戶）：http://jsfiddle.net/TtQH3/

Bascially如果我失去了一些東西加載HTML數據，而不是必需的JSON任何想法？

Answer 1

嗯，我演示代碼的一個小試驗和錯誤，更審覈後想通了這一點自己。

這裏是我剛剛使用的一個可行的JavaScript解決方案，技巧是'onHoverIn'或任何其他調用，只是創建一個函數（我的情況是一個簡單的Ajax調用我的後端腳本來加載用戶數據）。

$(function() { 

    var hoverUserDetails = '<div class="hover-details"></div>'; 

    $(".hover-me").hovercard({ 
     detailsHTML: hoverUserDetails, 
     width: 480, 
     onHoverIn: function() { 

      $.ajax({ 
       url: $(this).children('a').attr('data-hovercard'), 
       type: 'GET', 
       beforeSend: function() { 
        $(".hover-details").prepend('<p class="loading-text">Loading details...</p>'); 
       }, 
       success: function (data) { 
        $(".hover-details").empty(); 
        $(data).appendTo(".hover-details"); 
       }, 
       complete: function() { 
        $('.loading-text').remove(); 
       } 
      }); 
     } 
    }); 

}); 

希望能幫助別人！如果您需要HTML示例，請參閱我的jsfiddle。