2011-04-13 76 views
0

因爲幾個小時,我想在JQuery中做一個體面的工具提示。這是一個基於Drupal的網站。
我發現this好看的工具提示,我試圖實現它。但沒有成功...工具提示問題 - Drupal

這是我的主網頁看起來像:

<script src="themes/garland/js/jquery.ezpz_tooltip.js" type="text/javascript"></script> 

    <style> 
     #tooltipcontent { 
      display: none;  /* required */ 
      position: absolute; /* required */ 
      padding: 10px; 
      border: 1px solid black; 
      background-color: white; 
      } 
    </style> 

<script type="text/javascript"> 

    $(document).ready(function(){ 
     $('#record-price').ezpz_tooltip(); 
    }); 

</script> 

而這是其他文件:

print '<div id="part1-right-line3">';    
print '<div id="record-price">';              
print uc_currency_format($node->sell_price); 
print '</div>';     
print '</div>'; 

,由於某種原因,它不會告訴我的工具提示...
它與Drupal有關,它是使用JQuery還是在我的代碼中有一些錯誤?有任何想法嗎?

在此先感謝

+0

你設定的目標和內容元素?從http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip:按照慣例,目標和內容元素通過其id屬性的名稱綁定在一起。約定是這樣的:(name)-target-(unique id)將被綁定到(name)-content-(unique id)。 – EMI 2011-04-13 14:23:00

+0

@EMI,我必須在哪裏放置這個約定?在Javascript中? – Michiel 2011-04-14 02:15:06

+0

這裏已經發布了一個很好的答案http://drupal.stackexchange.com/questions/94358/how-to-use-jquery-ui-tooltip-in-drupal7 – 2014-07-05 02:12:19

回答

2

你爲什麼不使用醉意工具提示,他們是由Drupal的,微博和Facebook使用。 有一個Drupal模塊。
http://drupal.org/project/tipsy

+0

你可以使用你用JavaScript創建的變量填充工具提示嗎?它是由JQuery支持的嗎? – Michiel 2011-04-13 10:48:38

+0

是的,你可以做到這一點 – Valor 2011-04-13 11:53:10

+0

好吧,最後,我用你的提示。謝謝 :) – Michiel 2011-04-18 14:17:09