jQuery的工具提示插件1.3 AJAX

Question

上午，

我與工作的jQuery 1.7.2和jQuery的工具提示插件1.3。。 我有一大堆的分類客戶。每個div都有一個title屬性，其中包含客戶ID。 我的目標是在工具提示中加載動態數據和AJAX當用戶將鼠標移到div上時顯示。

這是德代碼，我現在有：

jQuery('.customer').tooltip({ 
     delay: 0, 
     showURL: false, 
     bodyHandler: function() { 
      return jQuery('<div>HERE I WANT TO SHOW SOME RELEVANT CUSTOMER DATA</div>').attr('src', this.src); 
     } 
    }); 

正如你所看到的，我沒有必要的代碼來找到客戶ID。我一直試圖在bodyHandler函數中添加參數，但這不起作用。 另外，位於http://docs.jquery.com/Plugins/Tooltip的文檔沒有幫我出來..

任何人都可以幫我解決這個問題嗎？

在此先感謝！

Answer 1

我發佈了相同的帖子。你可能會得到一些想法這裏 -

http://www.codeproject.com/Tips/265445/jQuery-tooltip-with-ajax-tooltip-datasource-with-g

Answer 2

您可以使用HTML 5的數據屬性來保持客戶ID容器，那麼以後您可以通過使用Jquery data()

<div class="customer" data-CustomerID="YourCustomerID" > asdfasdfasdf</div> 

retrive客戶ID

和Jquery的部分

jQuery('.customer').tooltip({ 
     delay: 0, 
     showURL: false, 
     bodyHandler: function() { 

      alert($(this).data("CustomerID")); // will print your customerID, 
      // check in the console $(this) means, your current div wher you hovered it . 
     } 
    });