2015-06-18 65 views
1

在JavaScript功能的HTML內容在一個js函數我有以下幾點:我可以從文件

origin.tooltipster('content', 'html content to display') 

是否有可能得到一個文件的HTML內容?

編輯:這裏是完整的代碼

$(function() { 
    $('.user-hover-card').tooltipster({ 
     interactive: true, 
     content: '<div class="hovercard"></div>', 
     contentCloning: false, 
     contentAsHTML: true, 
     animation: 'fade', 
     functionBefore: function(origin, continueTooltip) { 

      continueTooltip(); 

      id = $(this).attr('id'); 
      active = $(this).attr('active'); 
      var data = { 'userid' : active, 'hovered_id' : id }; 
      $.ajax({ 
       type: "POST", 
       url: "/includes/call_files/get_card_info.php", 
       data : data, 
       success:function(data){ 

        var obj = jQuery.parseJSON(data); 
        var trophies = obj.trophies; 
        var ranking = obj.ranking; 
        var h2h = obj.h2h; 
        var fairplay = obj.fairplay; 



      origin.tooltipster('content', 'html content to display'); 
       } 
      });  
     } 
    }); 
}); 

我想有我想要顯示來自另一個文件中的HTML內容。

+0

是jQuery的一個選擇嗎? – Dropout

+0

你並不需要爲此擴展jQuery。 – Andy

+0

我已經使用完整的代碼編輯了我的帖子。 –

回答

0

與另一個Ajax請求,應該是這樣的:

$(function() { 
    $('.user-hover-card').tooltipster({ 
     interactive: true, 
     content: '<div class="hovercard"></div>', 
     contentCloning: false, 
     contentAsHTML: true, 
     animation: 'fade', 
     functionBefore: function(origin, continueTooltip) { 

      continueTooltip(); 

      id = $(this).attr('id'); 
      active = $(this).attr('active'); 
      var card_data = { 'userid' : active, 'hovered_id' : id }; 
      $.ajax({ 
       type: "POST", 
       url: "/includes/call_files/get_card_info.php", 
       data : card_data, 
       success:function(data){ 

        var obj = jQuery.parseJSON(data); 
        var trophies = obj.trophies; 
        var ranking = obj.ranking; 
        var h2h = obj.h2h; 
        var fairplay = obj.fairplay; 

        $.ajax({ 
         type: "GET", 
         url: "/includes/call_files/get_card_info_template.html", 
         data : card_data, 
         success:function(html){ 
          origin.tooltipster('content', html); 
         } 
       } 
      }); 
     } 
    }); 
}); 

但你更應該做的工作在get_card_info.php如果你能

0

恐怕你得弄清楚你想要做什麼:

  • 哪些文件?
  • 它包含什麼?
  • 你想要做什麼?

如果按文件表示「存儲在用戶的計算機上」,則不能。

如果您的意思是一個遠程URL,您可以通過對其執行Ajax請求來獲取內容(作爲字符串)。

如果你想分析和訪問相應的DOM節點,simpliest是從它創建一個DOM節點。

+0

我已經使用完整的代碼編輯了我的帖子。 –

+0

這更清楚了,謝謝。你想要顯示的HTML在哪裏?由get_card_info.php返回,或者在你的服務器上的另一個HTML文件(也就是我認爲的模板文件,你必須填充獎盃,排名,h2h和fairplay?) –

+0

這是在我的服務器上的另一個html文件。 –