0

我正在使用Tooltipster，它似乎是一个不错的 jquery 插件。

无论如何，我需要让我的工具提示动态化，我认为这不应该那么困难。但是我写了一个脚本，也许是因为我累了，或者我不知道最简单的 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找到代码示例

我怀疑这是我的蹩脚错误，谢谢。

4

2 回答 2

1

多个元素具有相同的 id box_image。

我了解您试图通过附加 来使其独一无二data-img-number，但这不起作用，因为除非您明确指定不同的hover处理程序，否则您无法在运行时执行此操作。

相反，您可以将hover处理程序附加到一个类。

将 a 添加class="box_image"到您的<img />元素并附加hover如下，

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

这应该为您提供所需的功能。

于 2014-02-17T09:25:57.840 回答
0

我通过使用 twitter bootstrap popover 解决了这个问题。不要在工具提示上浪费时间。

于 2014-04-04T17:22:20.443 回答