0

現在ホバーされている状態に基づいてオフセットを変更し、2 つの属性 (「data-doff」と「data-yoff」) をツールチップスター プラグインに渡して、状態の上にホバーすると、州の中央にあるツールチップに名前がポップアップしますが、機能していません。「alert()」を使用して、見つかったものを通知し、属性を読み取れるようにしました。属性を使用していないだけですが、何が間違っているのかわかりません。何か案は？

私のjQueryスクリプト：

$( document ).ready(function() {
    $('.showState').hover(function () {

        var xoff = $(this).attr('data-xoff');
        var yoff = $(this).attr('data-yoff');

        $('.tooltip').tooltipster({
            animation: 'grow',
            delay: 0,
            theme: '.ads-theme',
            arrow: false,
            offsetX: xoff,
            offsetY: yoff
        });
        return false;
    });
});

関連する HTML

<area shape="poly" alt="California" title="California" coords="111...363" href="usa_py_expander.asp?lang=<%=mapLanguage%>&regionID=126" class="py_display fancybox-iframe tooltip showState" data-width="260" data-height="350" data-xoff="0" data-yoff="-150">
4

1 に答える 1

1

通常、プラグインは、プラグインをトリガーするイベントが発生したときではなく、DOM の準備ができたときに初期化する必要があります。おそらく次のようなことをする必要があります：

$( document ).ready(function() {
    $('.showState').each(function () {
        $this = $(this);

        var xoff = $this.attr('data-xoff');
        var yoff = $this.attr('data-yoff');

        $this.tooltipster({
            animation: 'grow',
            delay: 0,
            theme: '.ads-theme',
            arrow: false,
            offsetX: xoff,
            offsetY: yoff
        });
    });
});

data('whatever')の代わりに使用することもお勧めしますattr('data-whatever')。

于 2013-08-27T19:32:35.743 に答える