•  09-06-2019
  •  | 
  •  

题

今天我正在研究网页的选项卡导航。我尝试过 滑动门 效果很好的方法。然后我意识到我必须包含一个删除选项卡的选项（通常是每个选项卡右上角的小 X）。

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

有帮助吗？

解决方案

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

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>

其他提示

实际上，我之前粘贴的代码是经过所有 JS 操作后生成的 DOM。如果您没有 萤火虫 Firefox 的扩展，你现在应该得到它。

编辑：旧帖删了，已经没有用了。Firebug 是，所以这个留下来:)

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

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

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top