检索 Jquery 选项卡的索引

发布于 2024-07-30 04:06:21 字数 855 浏览 4 评论 0原文

您好,我正在尝试获取当前所选选项卡的索引。 Alert(ui.index) 返回“未定义”。 知道为什么吗?

谢谢

    <script>
    $(document).ready(function(){
        var $tabs = $("#apttabs > ul").tabs();

        $tabs.bind('tabsselect', function(event, ui) {
            alert(ui.index);
        });
    });
</script>


<div id="apttabs">
    <ul>
        <li><a href="#fragment-1"><span>tab1</span></a></li>
        <li><a href="#fragment-2"><span>tab1</span></a></li>
        <li><a href="#fragment-3"><span>tab1</span></a></li>
        </ul>

    <div id="fragment-1">content 1</div>
    <div id="fragment-2">content 1</div>
    <div id="fragment-3">content 1</div>

</div>

Hello I am trying to get index of current selected tab. Alert(ui.index) returns "undefined". Any idea why?

thanks

    <script>
    $(document).ready(function(){
        var $tabs = $("#apttabs > ul").tabs();

        $tabs.bind('tabsselect', function(event, ui) {
            alert(ui.index);
        });
    });
</script>


<div id="apttabs">
    <ul>
        <li><a href="#fragment-1"><span>tab1</span></a></li>
        <li><a href="#fragment-2"><span>tab1</span></a></li>
        <li><a href="#fragment-3"><span>tab1</span></a></li>
        </ul>

    <div id="fragment-1">content 1</div>
    <div id="fragment-2">content 1</div>
    <div id="fragment-3">content 1</div>

</div>

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

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

发布评论

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

评论(4

蒲公英的约定 2024-08-06 04:06:21

怎么样?

使用$tabs.tabs('option', 'selected') 而不是 ui.index

How about

$tabs.tabs('option', 'selected') instead of ui.index?

冷默言语 2024-08-06 04:06:21

'selected' 属性在 1.9 中被弃用,并在 1.10 中被删除。 您需要“活动”属性。 ui.index 现在似乎未定义,但我无法找到有关其删除的文档。 http://jqueryui.com/upgrade-guide/1.10/

The 'selected' property was deprecated in 1.9 and removed in 1.10. You need the 'active' property instead. ui.index seems to be undefined now but I haven't been able to locate documentation about its removal. http://jqueryui.com/upgrade-guide/1.10/

失而复得 2024-08-06 04:06:21

看来您的选项卡创建代码首先是错误的,至少它对我不起作用。

它应该是 var $tabs = $("#apttabs").tabs() 然后 ui.index 也可以正常工作。

It looks like your tabs creation code is wrong in the first place, at least it does not work for me.

It should be var $tabs = $("#apttabs").tabs() and then the ui.index works properly as well.

爱,才寂寞 2024-08-06 04:06:21

index 不是 UI DOM 元素的已定义属性。 另外,“tabselect”是什么事件? 它没有在 jquery 绑定文档 中列为可能值。

另外,你想要 index 做什么? 您可以从事件目标节点的 href 确定这一点(因为您在每个 href 中给出了增量哈希名称)。

index is not a defined property of the UI DOM element. Also, what event is 'tabselect'? It is not listed as a possible value in the jquery bind document.

Also, what do you want index for? You can determine that from the event target node's href (since you've given incremental hash names in each href).

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