如何输入 内的链接那是在 中吗？

Question

这是我的代码

  <a href="http://linkurl" class="link" title="sometitle">
 text link 

 <span class="hidden-tooltip-data" style="display: none;"> <a
 href="http://www.google.ca"> my link here destroy everything </a 
</span>
  </a>

，我在这里使用 Poshy 脚本

       $('.link').each(function() {
      var tooltip = $(".hidden-tooltip-data",this).html();
      $(this).attr("title","");
    $(this).poshytip({
    content: function(updateCallback) {
        return tooltip;
             }
         });
      });

Answer 1

嵌套链接非法。 中明确提到了这种情况HTML 4.01 规范。

Answer 2

首先你不应该这样做。原因在于子 a 被完全忽略，因为它位于父 a 之下。

我建议您只创建一个 span，其中包含两个不同的 a 标记，其中包含所需数量的 span。

Answer 3

您不应将一个链接放在另一个链接内。

Answer 4

默认情况下，Poshytip 将读取元素的 title 属性并将其用作工具提示内容。但是，您希望在提示中包含一个链接，如果 JavaScript 关闭（并且无法访问），则将 HTML 放入 title 中会显得很丑。

最好的方法是为下层浏览器包含纯文本 title ，并在 data 属性中包含增强的提示内容（显然是转义标记）

<a href="..." class="link" title="basic content" data-tip="enhanced content <a href="...">link</a>">...</a>

：

$('.link').each(function() {
    $(this).attr('title','').poshytip({ content: $(this).data('tip') });
});

在这样的属性中包含标记显然会有点混乱，因此如果您的提示具有通用格式，那么最好将 URL 包含为 data 属性并在脚本中构建标记。

$('.link').each(function() {
    $(this).attr('title','').poshytip({ content: '<a href="' + $(this).data('tiplink') + '">link</a>' });
});