如何在jQuery选项卡中放置正确的对齐链接？

Question

我的左侧有三个jQuery标签。我希望在标签标题内的右侧放置一个“登录”链接。我怎么能实现？

Answer 1

我不使用jQuery选项卡，但是您可以在标题内做类似的事情吗？

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

Answer 2

抱歉耽搁了，

您正在寻找的是：

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

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>

如果您尝试验证RAW HTML，您将获得一个错误，因为将A标签作为UL的直接孩子，但是，一旦您在父div上调用JQueryui Tabs函数，它将按照您想要的方式进行排序和看