如何在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选项卡中放置右对齐的链接？

回答

相关问题