JQuery获取选定选项卡的id不起作用

JQuery get id of selected tab does not work

本文关键字：id 不起作用 选项 获取 JQuery      更新时间：2023-09-26

我已经尝试了很多例子，我不能让我的代码工作，以获得所选选项卡的ID

http://pastebin.com/A5cqQS61

js代码:

$(function() {
  $('#tabs').tabs({
    select: function(event, ui) {
        console.log($(ui.tab)); // the tab selected
        console.log(ui.index);
    },
    show: function(event, ui) {
        console.log($(ui.tab)); // the tab shown
        console.log(ui.index);
    }
    });
});
HTML: 

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        <p>text1</p>
    </div>
    <div id="tabs-2">
        <p>text2</p>
    </div>
    <div id="tabs-3">
        <p>text3</p>
    </div>
</div>

我放入了pastebin，因为我不明白代码块是如何在堆栈中工作的!我按了四次空格键，似乎都不太管用。

到目前为止，我已经研究了这些解决方案:选择Jquery选项卡jQuery选项卡-获取之前选择的选项卡的索引jQuery选项卡-获取之前选择的选项卡的索引jQuery UI 1.9

您应该使用ui.panel，返回div tab元素:{如果它是您正在寻找的?}

看到演示

$(function () {
    $('#tabs').tabs({
        select: function (event, ui) {
            console.log(ui.panel.id);
            console.log(ui.index);
        },
        show: function (event, ui) {
             console.log($(ui.panel));//jq object
            console.log(ui.panel.id);
            console.log(ui.index);
        }
    });
});

请尝试这个-注意不同的事件名称('activate')和ui对象的不同属性的使用:

$(function() {
  $('#tabs').tabs({
    activate: function(event, ui) {
        console.log(ui.newPanel[0].id);
    }});
});

我通常用盗版的方式…$(" #标签li.active")。这将为您提供id='tabs'元素下的活动li。如果你能得到元素，也…jQuery允许你做这样的事情…美元(元素)。

在这里可以输入var ID=$(element.attr(' ID ');

相关文章：