如何在jQuery选项卡中放置一个右对齐的链接?

时间:2010-02-20 21:26:43

标签: jquery jquery-ui tabs append jquery-tabs

左边有三个jQuery标签。 我希望在标签标题的右侧放置一个“注销”链接。 我怎么能做到这一点?

3 个答案:

答案 0 :(得分:2)

抱歉延迟,

您正在寻找的是:

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

答案 1 :(得分:0)

我不使用jQuery标签,但你可以在标题中做这样的事情吗?

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

答案 2 :(得分:0)

我知道这已经过时了,并且已经有了一个已经接受的答案,但它在谷歌搜索中接近顶部,涉及类似的东西,我现在有一个更简单的解决方案,我想我会分享给其他人找到这个问题

在.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 tabs函数,它将全部按照方式排序你想要看看