【问题标题】:Direct Link to jQuery UI tabs直接链接到 jQuery UI 选项卡
【发布时间】:2014-03-11 01:21:23
【问题描述】:

我有一组 jQuery UI 选项卡链接,所以:

    <div id="tabs">
        <ul>
            <li><a href="#some_div">Overview</a></li>
            <li><a href="/somelink.html">Some Link</a></li>
            <li><a href="/anotherlink.html">Another Link</a></li>
            <li><a href="#">Other</a></li>
        </ul>
    </div>

我想要实现的是指向特定标签的直接链接。因此,例如,如果选项卡位于 /tabs.html 中,我希望能够直接访问 anotherlink.html,但通过 tabs.html (本质上是一个将打开 tabs.html 但选择了 anotherlink 选项卡的链接)。我显然可以通过执行 tabs.html#anotherlink 然后检查 url 并选择正确的选项卡来创建功能。我只是想确保在 jQuery UI 中没有明显的内置方法来执行此操作。

我在文档中找不到任何内容,因此我们将不胜感激!

【问题讨论】:

    标签: jquery jquery-ui tabs


    【解决方案1】:

    如果点击了链接,您可以使用.load() 函数。
    您还可以获取 href 的值,不要忘记 preventdefault() ,这样链接就不能像普通链接一样工作。

    将点击链接的href值保存在标签的div中,然后执行.load('...html/#variable')之类的操作


    接受的解决方案(在下面的评论中提到)是here

    【讨论】:

    • jQuery UI 做到了这一切。我正在寻找的是能够直接链接到特定选项卡。不过还是谢谢。
    • 然后从 url 中获取哈希值,并根据哈希值模拟点击相应的选项卡,这就是我会做的事情
    • 我说过我打算这样做,但我只是检查一下 jQuery UI 是否已经内置它,因为它看起来很常见
    • 认为没有更好的解决方法,所以你必须为此创建一个函数,也许这会有所帮助:chwang.blogspot.com/2010/02/…stackoverflow.com/questions/570276/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-07
    • 2022-01-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多