如何在jQuery選項卡中放置右對齊的鏈接？

我在左邊有三個jQuery選項卡。我希望在標籤標題的右側放置一個「註銷」鏈接。我如何實現這一目標？如何在jQuery選項卡中放置右對齊的鏈接？

來源

2010-02-20 Ivelin Nikolaev

人們是否必須唱出一首歌來擺脫你的應用程序？ ;-) – mjv 2010-02-20 21:29:51

這將是我相信的一個原創想法。現在更正。 – 2010-02-21 08:56:45

我不使用jQuery選項卡，但你可以在標題內做這樣的事情嗎？

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

來源

2010-02-21 01:01:14 user113716

問題是關於如何將它「附加」到標籤標題。哪個是用於查找標籤標題的選擇器。就像$（'。ui-widget-header'）我想。 – 2010-02-21 08:59:04

我明白你的意思。所以標籤的HTML正在生成，你不知道正確的選擇器。你使用的是什麼瀏覽器？大多數人似乎都有能力在更新HTML時查看HTML。 IE8，火狐與螢火蟲，Safari等 – user113716 2010-02-21 13:26:52

我只是添加了一個新的標籤，並設法對齊它。

Logout

感謝您的幫助。 – 2010-02-21 21:33:02

抱歉耽擱，

你所尋找的是這樣的：

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

來源

2011-01-12 18:28:27 jflaflamme

這對我來說，謝謝！ – Konerak 2011-12-01 08:28:25

我知道這是舊的，已經有一個公認的答案，但它想出了在谷歌搜索的頂部附近，涉及類似的東西，我現在有一個更簡單的解決方案，現在我想我會分享給那些發現這個問題的人。

在你.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選項卡功能，它將全部按照你想要的方式排序，並且看起來

來源

2014-09-29 21:51:37

如何在jQuery選項卡中放置右對齊的鏈接？

回答

相關問題