配列に保存されているテーブルデータをホバーすると、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が初めてで、何か提案をいただければ幸いです...