代码之家  ›  专栏  ›  技术社区  ›  ollifant

嵌套HTML-定位标记

  •  12
  • ollifant  · 技术社区  · 16 年前

    今天我正在为一个网页做标签导航。我试过了 Sliding Doors 很好的方法。然后我意识到我必须包括一个删除标签的选项(通常是每个标签右角的一个小X)。

    我想用一个嵌套的锚,因为它不起作用 not 允许。然后我看到标签导航 Pageflakes ,实际工作(包括嵌套超链接)。为什么?

    5 回复  |  直到 7 年前
        1
  •  9
  •   Yaakov Ellis NevilleDNZ    16 年前

    他们一定在用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>
    
        3
  •  0
  •   Chris Marasti-Georg Scott Weinstein    16 年前

    实际上,我之前粘贴的代码是在所有JS操作之后生成的DOM。如果你没有 Firebug 火狐的扩展,你现在就可以得到了。

    编辑:删除了旧的帖子,它不再有用。Firebug是,所以这只会留下来:)

        4
  •  0
  •   Jakub Narębski adamtaub    16 年前

    我怀疑使用或不使用嵌套链接可能取决于您的浏览器是以严格模式(例如xhtml dtd、application/xml+html mimetype)还是以“quirks”模式呈现页面。

        5
  •  0
  •   Anas    9 年前

    尽管嵌套的标签是非法的,但是使用JS编写它们是有效的!试试这个:

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