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

发布于 2024-08-22 03:38:55 字数 62 浏览 9 评论 0原文

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

I have three jQuery tabs on the left.
I wish to put a "Sign Out" link on the right within the tabs header.
How I can achieve that?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

感情洁癖 2024-08-29 03:38:56

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

在您的 .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 的直接子级,但是,一旦您调用 jQueryUi 选项卡函数在父 div 上,它将按照您想要的方式和外观进行排序

I know that this is old and there is already an accepted answer but it came up near the top on a Google search that involves something similar and I have a much easier solution now that I figured I would share for others that find this question.

In your .cshtml or .aspx file, define the tabs like so:

<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>

If you try to validate the raw html, you will get an error for including the a tag as a direct child of the ul but, once you call the jQueryUi tabs function on the parent div, it will all get sorted the way you want and look

柏林苍穹下 2024-08-29 03:38:55

抱歉耽误您了,

您要找的是:

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

Sorry for the delay,

What you are looking for is this :

<li style="float: right"><a href="yourlogoutlink"><span>Log out</span></a></li>
呆° 2024-08-29 03:38:55

我不使用 jQuery 选项卡,但是你能在标头中执行类似的操作吗?

我的链接

I don't use jQuery tabs, but could you do something like this within the header?

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文