Javascript 在Jquery UI选项卡中增加选项卡索引

我正在使用jQueryUITab插件。 这是我的

在我的代码中，我使用

  var tabControl = $("#tabs");

    tabControl.tabs();
    tabControl.tabs({ heightStyle: "auto",
        beforeLoad: function (event, ui) {

        },
        load: function (event, ui) {

            alert(ui.panel.selector);
            if (ui.panel.selector == "#ui-tabs-1") {
                m1();
            } else if (ui.panel.selector == "#ui-tabs-2") {
                m2();
            }
        }
    });

当我第一次移动到页面时，它会在弹出窗口中正确显示ui-tabs-1。但是，当我移动到其他页面并返回并选择选项卡时，它会显示一个增加的索引（ui-tabs-4），并且不会调用我想要的方法。我不知道为什么我的标签索引会增加。非常感谢你的帮助

编辑1：

感谢Rahul创建演示。此代码是web应用程序的一部分。这与一个页面有关。在其他页面中也有选项卡。当我第一次加载页面警报（ui.panel.selector）时显示为“#ui-tabs-1”，当我转到其他页面并返回时，它显示增加的id，如#ui-tabs-4”。我在源代码（jquery.ui.tabs.js）中发现了以下实现

var tabId = 0,
rhash = /#.*$/;

function getNextTabId() {
return ++tabId;
}

似乎tabId增加了，没有被重置@。我想重置@每个页面加载。非常感谢您的关注

编辑2：

我已经创建了一个。当选项卡单击u get#ui-id-3和#ui-id-5时。在我的场景中，当我返回到同一页面时，它显示为一些增加的数字，如之前显示的#ui-id-7#ui-id-3

---

谢谢！

你能提供相关代码来重现问题，如html、css或最小的演示，如？我已经创建了你的代码演示，并在你的问题中添加了链接。现在请在你的问题中解释清楚（参考小提琴）到底是什么问题以及如何重现？我已经编辑了这个问题。如果有任何不清楚的地方，请告诉我。对不起！但仍然无法理解您。由于我已经创建了小提琴演示，您能解释一下如何参照该演示重现您的问题吗？谢谢您的回复。看起来像是警报（ui.panel.selector）在演示中不起作用。