基于url生成HTML工具提示

时间:2015-10-30 18:26:11

标签: javascript jquery html tooltip

我不知道如何实现这一目标。

假设我有这样的网址:

site.com/stuffs/stuffexample1

site.com/stuffs/stuffexample2

现在我想使用上面链接中的数据从链接生成工具提示。

换句话说,在博客(site.com/blog/somepost)中有一个包含其中一个链接的文本,我想从/ stuff / *中的div加载一个html,默认情况下是隐藏的,比如预览链接。

我尝试过使用此插件但不确定如何实现它。 http://jquerytools.github.io/demos/tooltip/any-html.html

修改 根据文档,插件的工作方式如下

<a id="download_now">Download now</a>

<!-- tooltip element -->
<div class="tooltip">

  <img src="/media/img/title/eye.png" alt="Flying screens"
       style="float:left; margin:0 15px 20px 0" />

  <table style="margin:0">
    <tr>
      <td class="label">File</td>
      <td>flowplayer-3.2.7.zip</td>
    </tr>
    <tr>
      <td class="label">Version</td>
      <td>2011-03-03</td>
    </tr>
    <tr>
      <td class="label">Size</td>
      <td>112 kB</td>
    </tr>
    <tr>
      <td class="label">OS</td>
      <td>all</td>
    </tr>
  </table>

  <a href="/release-notes">What's new in 3.2</a>
</div>

和Jquery调用

  $("#download_now").tooltip({ effect: 'slide'});

但我不想在同一页面内加载一个元素,我想从另一个页面加载,看到了吗?

0 个答案:

没有答案