別のページのテキストをツールチップに挿入する

Question

単語に定義を提供するために、ページにツールチップを作成したいと考えています。ただし、これらの定義は同じサイトの別のページにあります。どういうわけか特定のテキストをツールチップに表示することは可能ですか？私はjQueryを使ってツールチップを作成し、アンカーを使ってページの定義に直接移動するiFrameを作成することができますが、これはもっともエレガントなソリューションだとは思いませんiFrameのページ全体が少し遅いです。

あなたは最高の解決策として何を提示しますか？私はこのルートを避けたいと思っていましたが、それについてもっと考えると、言葉と定義のあるデータベースが最適かもしれません。それから、私はAjaxでDBに照会することができました。

ありがとうございます。

Answer 1

データベースオプションは、わずか数百のキーと値のペアがある場合は、少し過剰なようです。 JSONファイルをサーバーに追加し、ページが読み込まれるとAJAXを使用してデータを読み込むことができます。次のステップは、データを解析してツールチップにロードすることです。

は、ここでは、データをフェッチすることができます方法は次のとおりです。

$.getJSON("ajax/test.json", function(data) { 
    var items = []; 
    $.each(data, function(key, val) { 
    items.push("<li id='" + key + "'>" + val + "</li>"); 
    }); 

    $("<ul/>", { 
    "class": "my-new-list", 
    html: items.join("") 
    }).appendTo("body"); 
}); 

私はこれが役に立てば幸い！