1

配列に保存されているテーブルデータをホバーすると、phpからの動的データを表示するために、ajaxリクエストでTooltipsterを使用しています。要素のコンテンツを取得するために、jquery 関数 (以下を参照) を使用すると、期待どおりに機能します。(アラートは正しい内容を出力します)

しかし、私の問題は、コードが最初の配列値のみをツールチップスターに渡すことですが、アラート出力のように、ツールチップスターがホバーされた要素の値を取得して、「ツールチップ」のテーブルデータのホバーされたコンテンツでクエリを実行することです。 .php'. これが私のコードです:

$('.tabledata').mouseover(function(){
    var content = $(this).html();
    //alert (content);

$('.tabledata').tooltipster({
        position: 'left',
        content: 'Loading...',

    functionBefore: function (origin, continueTooltip) {

    continueTooltip();

    if (origin.data('ajax') !== 'cached') {
        $.ajax({
            type: 'POST',
            url: 'tooltip.php',
            data: { id: content},
            success: function (data) {
            origin.tooltipster('update', data).data('ajax ', 'cached');
        }
      });
    }
   }
 });
});

私はjqueryが初めてで、何か提案をいただければ幸いです...

4

0 に答える 0