因爲幾個小時,我想在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還是在我的代碼中有一些錯誤?有任何想法嗎?
在此先感謝
你設定的目標和內容元素?從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
@EMI,我必須在哪裏放置這個約定?在Javascript中? – Michiel 2011-04-14 02:15:06
這裏已經發布了一個很好的答案http://drupal.stackexchange.com/questions/94358/how-to-use-jquery-ui-tooltip-in-drupal7 – 2014-07-05 02:12:19