链接到 jqueryUI 选项卡

发布于 2024-10-22 20:11:28 字数 440 浏览 9 评论 0原文

所以我对此仍然有问题。但现在至少有一个在线版本我可以向您展示..

http: //dev.morrisonsports.com.au/products/zipvit-sport#tabs-3

如您所见..当您使用 # 标签链接到除第一个选项卡之外的任何选项卡(因为它太长)时用户最终位于页面底部..而不是选项卡标题所在的位置..

我已经放弃了之前尝试做的事情(让它链接到选项卡中的内容)并决定是否可以至少让它链接到选项卡并停留在选项卡顶部(选项卡标题所在的位置)会很高兴。

我真的希望解决方案不在于 $_POST 或 $_GET 数据,因为使用表单来执行此操作JS 降级可能不会很好地工作。

提前谢谢你

So i am still having issues with this. but now at least have an online version that i can show you..

http://dev.morrisonsports.com.au/products/zipvit-sport#tabs-3

as you can see.. when you use the # tag to link to any but the first tab (because its so long) the user ends up at the bottom of the page.. rather than at where the tab titles are..

i have given up on what i was trying to do before (getting it to link into the tab to content there) and decided if i can at least get it to link to the tab and stay at the top of the tabs (where the tab titles are) ill be happy..

I am really hoping the solution doesnt lie in $_POST or $_GET data as using forms to do this will probably not work so nicely with the JS degradation..

Thank you in advance

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

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

发布评论

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

评论(1

寂寞美少年 2024-10-29 20:11:28

好的,所以在将我的评论发布到上面的 themelinproject 后..我想到 javascript 正在将 #tab-3 锚点视为显示 tab-3 的指示器
(这

     <div>

不是一个

      <a>

但是浏览器寻找

    <a name="tab-3">

独立于javascript的..并且失败a似乎正在寻找div..所以我只是将以下代码放在..选项卡菜单部分上方

            <a name="tabs-1"></a>
            <a name="tabs-2"></a>
            <a name="tabs-3"></a>
            <a name="tabs-4"></a>
            <a name="tabs-5"></a>

,现在浏览器链接到< a> 和指向 div 的 javascript 链接:D

感谢 themelinproject 提供的 flash

ok so upon posting my comment to themerlinproject above.. it occurred to me that the javascript was looking at the #tab-3 anchor as an indicator to show tab-3
(which is a

     <div>

not an

      <a>

)

but the browser looks for

    <a name="tab-3">

independent of the javascript.. and failing an a seems to be looking for the div.. so i just put the following code.. ABOVE the tab menu section

            <a name="tabs-1"></a>
            <a name="tabs-2"></a>
            <a name="tabs-3"></a>
            <a name="tabs-4"></a>
            <a name="tabs-5"></a>

and now the browser links to the < a>'s and the javascript links to the divs :D

Thanks for the flash though themerlinproject

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