jquery - 如何在 jQuery 选项卡中放置右对齐链接？

Question

我在左侧有三个 jQuery 选项卡。我希望在选项卡标题的右侧放置一个“退出”链接。我怎样才能做到这一点？

Answer 1

抱歉耽搁了，

你正在寻找的是这个：

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

Answer 2

我不使用 jQuery 选项卡，但你能在标题中做这样的事情吗？

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

Answer 3

我知道这很旧，并且已经有一个公认的答案，但是它在涉及类似内容的谷歌搜索中排名靠前，我现在有了一个更简单的解决方案，因为我想我会与其他发现这个问题的人分享。

在 .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，您将收到一个错误，因为您将 a 标签包含为 ul 的直接子代，但是，一旦您在父 div 上调用 jQueryUi 选项卡函数，它就会按照您想要的方式进行排序并且看