今天我正在为网页制作标签导航。我尝试了滑动门方法,效果很好。然后我意识到我必须包含一个删除选项卡的选项(通常是每个选项卡右上角的一个小 X)。
我想使用一个嵌套的锚,因为它是不允许的,所以它不起作用。然后我在Pageflakes看到了选项卡导航,它实际上正在工作(包括嵌套的超链接)。为什么?
他们必须用 JavaScript 做一些非常疯狂的事情才能让它工作(注意父标签和嵌套锚标签都没有 name 或 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扩展,你现在应该得到它。
编辑:删除了旧帖子,它不再有用了。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'))