jquery - jQueryタブに右揃えのリンクを配置するにはどうすればよいですか？

Question

左側に3つのjQueryタブがあります。タブヘッダー内の右側に「サインアウト」リンクを配置したいと思います。どうすればそれを達成できますか？

Answer 1

遅れて申し訳ありません、

あなたが探しているのはこれです：

<li style="float: right"><a href="yourlogoutlink"><span>Log out</span></a></li>

Answer 2

I don't use jQuery tabs, but could you do something like this within the header?

<a href="" style="position:absolute; right:0">My link</a>

Answer 3

これは古く、すでに受け入れられている回答があることは知っていますが、同様のことを含むGoogle検索でトップ近くに出てきました。この質問を見つけた他の人に共有すると思ったので、はるかに簡単な解決策があります.

.cshtml または .aspx ファイルで、次のようにタブを定義します。

<div id="tabs">
  <ul>
     <li><a href="#tab1">Tab 1</a></li>
     <li><a href="#tab2">Tab 2</a></li>
     <li><a href="#tab3">Tab 3</a></li>
     <a href="/Account/SignOut" style="float:right;">Sign Out</a>
  </ul>
  <div id="tab1">tab 1 content</div>
  <div id="tab2">tab 2 content</div>
  <div id="tab3">tab 3 content</div>
</div>

生の html を検証しようとすると、タグを ul の直接の子として含めることでエラーが発生しますが、親 div で jQueryUi tabs 関数を呼び出すと、すべてが必要な方法で並べ替えられ、見る