2008-08-21 5 views
12

오늘 저는 웹 페이지의 탭 탐색에서 작업하고있었습니다. 나는 잘 작동 Sliding Doors 접근 방식을 시도했다. 그런 다음 탭 (일반적으로 각 탭의 오른쪽 구석에있는 작은 X)을 삭제하는 옵션을 포함해야한다는 것을 알았습니다.HTML 앵커 태그를 중첩합니다.

not이 허용 되었기 때문에 작동하지 않는 중첩 된 앵커를 사용하고 싶습니다. 그런 다음 탭 탐색을 Pageflakes (실제로 중첩 된 하이퍼 링크 포함)에서 보았습니다. 왜?

답변

9

부모님이나 중첩 된 앵커 태그에 이름이나 href 속성이없는 것을 확인하십시오. 모든 기능은 클래스 이름과 JS를 통해 수행됩니다.

<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> 
0

사실, 붙여 넣기 한 코드가 이전에 모든 JS 조작 한 후, 생성 된 DOM했다 : 여기

처럼 html로 보이는 것입니다. Firefox 용 Firebug 확장 프로그램이 없으면 지금 다운로드 받아야합니다.

편집 : 이전 게시물을 삭제하면 더 이상 유용하지 않습니다. Firebug가 있으므로 여기에 머물러 있습니다 :)

0

브라우저가 엄격 모드 (예 : XHTML DTD, application/xml + html MIMEtype)로 페이지를 렌더링하거나 작동하는 중첩 링크가 " "모드. 중첩 된 태그에도 불구하고

15
+0

는 HTML 5의 사실인가요? 나는 그것을 보지 않는다. http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-a-element – Sean

+3

나는 그것을 본다. 그러나 그것을 보는 데는 시간이 걸렸다. 참조 페이지 : "버튼이나 다른 링크 등 상호 작용하는 콘텐츠가없는 한 a 요소는 전체 단락, 목록, 표 등 전체 섹션으로 감쌀 수 있습니다." – Lori

0

불법하지만 JS가 작동합니다 사용하여 작성!이 시도 :

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