【问题标题】:get content to tooltip from url in javascript从javascript中的url获取内容到工具提示
【发布时间】:2009-05-14 07:23:07
【问题描述】:

我在我的网站中使用cluetip 作为工具提示,我想根据链接 url 设置工具提示文本。

例如:我的页面上有一个指向“http:abc.com/display?content=sweeties”的链接,我希望工具提示显示为“sweeties”

请教我怎么做?

【问题讨论】:

  • 在你想投票之前阅读修订 0 :)
  • 现在我已经通过使用 rel 解决了这个问题,如果你想从本地页面内的元素加载内容,你只需在 rel 属性中定义它,如下所示:"rel="div#idName " 以及您在上面在 rel 属性中声明的具有 idName 的 div 中的内容。对于从 url 加载的内容,您在 url 中执行相同操作,指向您要加载的页面并在线索提示 local:false 中更改选项,如下所示 $('a .className').cluetip(local:false);

标签: javascript jquery tooltip cluetip


【解决方案1】:

您应该将链接的标题设置为“sweeties”,然后指示任何工具提示插件实际使用内容的标题属性。

我认为它可以与开箱即用的线索提示一起使用。

【讨论】:

  • 我阅读了线索提示 API/选项,他们指出在锚点中使用 rel 属性来获取内容的路径。我不会尝试更改它们的默认选项。我想你的意思是,线索提示中的标题会在锚点中加载标题内容,不是吗?
【解决方案2】:
var a = $("aTagsId");
var content = a.attr('href').match(/content\=([^\&]*)/)[1];
a.attr('title', content);
... setup cluetip w/ title...

【讨论】:

  • 现在我没有时间尝试你的代码,但我认为它的工作,还是谢谢你 Tracker1!
【解决方案3】:

一种未记录的、漂亮且直接的方法是使用函数作为线索提示调用中的第一个参数,它返回您想要的内容:

var normalcluetipsettings = {.. ... ... ... }
$('#mydiv').cluetip(function(){return 'hello'+' '+'world';}, normalcluetipsettings)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-29
    • 2015-09-16
    • 2012-05-10
    • 2013-06-27
    • 1970-01-01
    相关资源
    最近更新 更多