【问题标题】:Is is possible to use <a title="<a>">是否可以使用 <a title="<a>">
【发布时间】:2013-04-14 14:53:19
【问题描述】:

我正在创建一个网站,上面有一些我和我朋友的照片。为了能够快速查看这些照片,我已将 Milkbox javascript 添加到我的网站 (Milkbox Site)。您可以像这样添加照片:

<a href="img01.png" data-milkbox="albumsorting" title="Photo description goes here."><img src="thumbs/thumbimg01.png" /></a>

我想在标题中添加照片的下载链接。这应该是这样的:

<a href="img01.png" data-milkbox="albumsorting" title="<a href="img01.png">Download photo</a> | Photo description goes here."><img src="thumbs/thumbimg01.png /></a>

有没有人有使用 Milkbox 以及通过这种(或其他方式)在描述中添加下载链接的经验?

【问题讨论】:

  • 您不能在普通(浏览器原生)标题文本中放置任何标记。
  • 您对如何使其工作有任何建议吗?可能是 Milkbox 不支持你的 html 代码的其他组成,对吧..?

标签: javascript href photo title viewer


【解决方案1】:

Milbox 确实支持它,它甚至在文档中。

使用 html 实体来转换您的文本 - 在您的情况下是 '下载照片`:

<a href="img01.png" data-milkbox="albumsorting" title="&lt;a href=&quot;img01.png&quot;&gt;Download photo&lt;/a&gt;  | Photo description goes here."><img src="thumbs/thumbimg01.png /></a>

【讨论】:

  • 甜蜜!这是修复!非常感谢您的帮助:D
  • 我需要再等几秒钟才能标记你的答案;)一直在发送垃圾邮件:p
【解决方案2】:

没有。除了alt 之外的所有属性都只接受纯文本。

但是,您可以使用来自 bootstrap 等 JavaScript 库的自定义工具提示来实现您的目标。

alt 是旧浏览器在原始浏览器不兼容时显示内容的一种方式。

例子:

<div alt="<div> your browser cannot display the content"> <intricate content/></div>

编辑: Milkbox 对此提供支持。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-19
    • 2017-08-20
    • 1970-01-01
    相关资源
    最近更新 更多