0

素敵な jquery プラグインと思われるTooltipsterを使用しています。

とにかく、ツールチップを動的にする必要がありますが、それほど難しいとは思いません。しかし、スクリプトを書いたのは、疲れているか、最も単純な 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

box_image複数の要素に同じ ID があります。

を追加して一意にしようとしていることは理解していますが、異なるハンドラーdata-img-numberを明示的に指定しない限り、実行時にこれを行う方法がないため、これは機能しません。hover

hover代わりに、ハンドラーをクラスにアタッチできます。

class="box_image"要素に aを追加し、次のように<img />アタッチします。hover

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

これにより、必要な機能が提供されます。

于 2014-02-17T09:25:57.840 に答える
0

Twitterのブートストラップポップオーバーを使用して、この問題を解決しました。ツールチップで時間を無駄にしないでください。

于 2014-04-04T17:22:20.443 に答える