Javarscript問題與動態工具提示器

我使用Tooltipster這似乎是一個不錯的jQuery插件。Javarscript問題與動態工具提示器

無論我需要我的工具提示動態，我不認爲這應該是困難的。不過，我寫了一個腳本，也許這是因爲我累了，或者我不知道最簡單的JavaScript。可能是兩者的結合。

我似乎無法解決這個特定的錯誤。 TypeError：$（...）。tooltipster不是函數。

這裏是基本的javascript代碼：

$("img#box_image[data-img-number]").hover(function(e) { 
e.preventDefault(); 
     i = $(this).attr("data-img-number"); 
     var w = "http://trailerbrokerimages.s3.amazonaws.com/pics/" + i ; 
     window.console.log('before tool'); 
     window.console.log('before tool ' +w); 
     tool(w); 
}); 
var tool = function (w) { 
$('.tooltip_two').tooltipster({content: $('<span><img style="height:191px;                    width:256px;"src="http://trailerbrokerimages.s3.amazonaws.com/pics/'+w+'" /></span>')});

代碼的例子可以在http://www.trailerbroker.com/go/listings/view/219

找到我懷疑這是我的一部分跛腳的錯誤，謝謝。

來源

2014-02-17 Chad

對於多個元素，您擁有相同的編號box_image。

我知道您試圖通過追加data-img-number來使其具有唯一性，但這不起作用，因爲在運行時您無法做到這一點，除非您明確指定不同的處理程序。

相反，您可以將hover處理程序附加到類。

添加class="box_image"您<img />元素，並附上hover如下，

$(".box_image").hover(//rest of your code here//)

這應該給你想要的功能。

來源

2014-02-17 09:25:57

這是有道理的，所以做出了適當的修改。但是，我仍然收到以下錯誤TypeError：$（...）。tooltipster不是一個函數。我正在捕獲正確的數據ID，我似乎無法將其傳遞給tooltipster？ – Chad

@Chad我剛剛檢查了你提供的鏈接上的代碼，把你的內部'$（document）.ready（）'或'$（window）.load（）' –

我更新了代碼，但我可以似乎沒有得到它的工作。它返回到原始問題TypeError：$（...）。tooltipster不是函數。我錯過了一些非常簡單的... – Chad

我使用twitter bootstrap popover解決了這個問題。不要浪費你的時間與工具的人。

來源

2014-04-04 17:22:20 Chad

Javarscript問題與動態工具提示器

回答

相關問題