Question

今天我正在为网页制作标签导航。我尝试了Sliding Doors方法，但效果很好。然后我意识到我必须包含一个删除选项卡的选项（通常是每个选项卡右上角的一个小X）。

我想使用嵌套锚点，因为它是not允许的，所以它不起作用。然后我在Pageflakes看到了标签导航，它实际上正在工作（包括嵌套的超链接）。为什么呢？

Answer 1

Answer 2

他们必须使用JavaScript做一些非常疯狂的事情才能使它工作（请注意父类和嵌套锚标记都没有名称或href属性 - 所有功能都是通过类名和JS完成的。） p>

这是html的样子：

<a class="page_tab page_tab">
  <div class="page_title" title="Click to rename this page.">Click & Type Page Name</div>
  <a class="delete_page" title="Click to delete this page" style="display: block;">X</a>
</a>

Answer 3

实际上，我之前粘贴的代码是在所有JS操作之后生成的DOM。如果您没有Firefox的Firebug扩展名，那么现在应该可以使用它。

编辑：删除了旧帖子，它不再有用了。萤火虫是，所以这个人留下来:)）

Answer 4

我怀疑，如果您的浏览器以严格模式（例如XHTML DTD，application / xml + html MIMEtype）或“怪癖”模式呈现页面，工作或不工作嵌套链接可能取决于。

Answer 5

尽管嵌套标签是非法的，但使用JS编写它们仍然有用！试试这个：

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))

嵌套HTML-anchor标签

5 个答案: