動態生成的頁面上的jQuery工具提示

他我試圖將jQuery工具提示添加到動態生成的列表中，我想顯示工具提示的文本位於表格中，所以我的CSS工具提示不起作用：動態生成的頁面上的jQuery工具提示

我試着將這個jQuery tooltip添加到頁面，它在我的本地測試頁面上工作，但我認爲這個問題與uniqur ID有關，我不知道如何實現bind all函數：

「要綁定的所有目標，以及其相應的內容，只需要一條線：一類

$(".tooltip-target").ezpz_tooltip(); 
Calling ezpz_tooltip()

將懸停事件綁定到每一個元素，因爲命名的約定它會知道顯示哪些內容。「

有人可以幫助我瞭解究竟我必須做什麼才能在動態頁面上完成此項工作嗎？

頁面爲Euroworker's checkout product頁面。（您必須添加一些項目到籃子，點擊bnav欄左邊的home按鈕，然後點擊小白色按鈕「kjøp」，然後點擊橙色按鈕「handlevogn」。）

謝謝。

來源

2010-04-28 Kyle

我相信每次添加新物品時都可以打電話給jQuery(".tooltip-target").ezpz_tooltip();（假設他們有tooltip-target類），但我不確定這是否完全正確。

實現你想要的另一種方式是使用像livequery這樣的插件。隨着插件，你只需要這樣的東西：

jQuery(".tooltip-target").livequery(function(){ 
    j(this).ezpz_tooltip(); 
})

來源

2010-04-28 13:05:07

感謝您的資源:) – Kyle 2010-04-28 13:56:54

我沒有足夠的信息來解決問題，但這些技巧可以幫助你已經：

您simpletip腳本的鏈接似乎是絕對的： - >是WWW /公共打算？
您的網頁沒有驗證對W3C的HTML驗證 - （？您使用的原型和jQuery一起要小心），這可能會導致麻煩的DOM操作
您的JavaScript拋出錯誤
你應該使用Firebug或Opera蜻蜓看更多的細節。

嘗試使頁面儘可能小（刪除多餘的東西），並讓它在那裏工作。然後上傳（首先到測試目錄;））

來源

2010-04-28 12:41:37 Konerak

腳本simpletip.js鏈接不正確。它返回404錯誤頁面。

<script type="text/javascript" src="www/public/javascript/frontend/simpletip.js"></script>

當你的頁面加載時會拋出幾個javascript錯誤。我從螢火蟲的控制檯中得到了這個。

syntax error 
[Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\n 
simpletip.js (line 4) 

container.getElementsByClassName is not a function 
[Break on this error] $A(container.getElementsByClassName('productOptionsMenu')).each(
gzip.p...8031024 (line 4441) 

uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://media1.juggledesign.com/portfolio/js/jquery.js :: anonymous :: line 22" data: no] 
[Break on this error] (no source for) 

$("searchField").addClassName is not a function 
[Break on this error] $('searchField').addClassName('quickSearch'); 
gzip.p...8031024 (line 4928)

我不確定清理這個問題是否能解決問題，但至少這是一個開始。

來源

2010-04-28 12:47:26 digitaldreamer

這並不奇怪，我遇到了很多錯誤使用此係統.. – Kyle 2010-04-28 13:25:41

動態生成的頁面上的jQuery工具提示

回答

相關問題