今日、私は Web ページのタブ ナビゲーションに取り組んでいました。うまく機能する引き戸のアプローチを試しました。次に、タブを削除するオプション (通常は各タブの右隅にある小さな X) を含める必要があることに気付きました。
ネストされたアンカーを使用したかったのですが、許可されていないため機能しませんでした。次に、実際に機能していたPageflakesのタブ ナビゲーションを見ました(ネストされたハイパーリンクを含む)。なんで?
JavaScriptを機能させるには、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拡張機能がない場合は、今すぐ入手する必要があります。
編集:古い投稿を削除しました。もう役に立ちませんでした。Firebugはそうなので、これは残っています:)
ネストされたタグは違法ですが、JS を使用してそれらを記述することはできます!、これを試してください:
$('<a>', {
href: 'http://google.com',
html: '<a>i am nested anchor </a>I am top Anchor'
}).appendTo($('body'))
ネストされたリンクが機能するか機能しないかは、ブラウザーがページを厳密モード (XHTML DTD、application/xml+html MIMEtype など) で表示するか、「quirks」モードで表示するかによって異なると思います。