使用其他页面中的文本填充工具提示

Question

我想在页面上创建工具提示以提供单词的定义。但是，这些定义位于同一站点的另一页上。有可能以某种方式获取要在工具提示中显示的特定文本吗？我能够用jQuery创建一个工具提示并让它创建一个iFrame，它直接带我到页面上带锚的定义，但我觉得这不是最优雅的解决方案，更不用说，它正在加载iFrame中的整个页面，有点慢。

您认为什么是最佳解决方案？我想避开这条路线，但我想的越多，带有单词和定义的数据库可能是最好的。然后，我可以使用Ajax查询数据库。

提前致谢。

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" );
});

我希望这有帮助！