javascript - 如何在 Javascript 中打开一个选项卡

Question

我有一个页面，我在其中创建了一些选项卡。

function addTab(ticketId, name) {
    $('#pageTab').append(
        $('<li><a href="#'+ticketId+'">'+name+'<button class="close" type="button">×</button></a></li>'));
    $('#pageTabContent').append($('\
                    <div class="tab-pane" id="'+ticketId+'">\
                        here some more html \
                    </div>'));
    $('#page' + ticketId).tab('show');
}

当用户想要打开选项卡的内容时，我使用以下代码打开内容:

$("#pageTab").on("click", "a", function (e) {
    openTab(e, this);
});

调用此函数:

function openTab(e, tabId) {
    e.preventDefault();
    $(tabId).tab('show');
}

我现在想从另一个地方调用这个 openTab 函数，但我实际上不知道这个 e 变量的作用或它来自哪里。

有人知道我如何调用这个函数并提供那个e变量吗？欢迎所有提示!

Answer 1

e 是事件的上下文。每当发生事件(单击、滚动、按下按键等)时，您都会获得一个上下文对象，该对象允许您获取有关该事件的更多信息。该上下文对象是为您生成的。

如果您以编程方式调用 openTab，则不会有事件。由于您只使用 preventDefault() ，因此您根本不需要它。考虑这样的重组:

$("#pageTab").on("click", "a", function (event) {
    event.preventDefault(); // we're handling a click, so we have an event, deal with it here
    openTab(this);
});

function openTab(tabId) {
    $(tabId).tab('show');
}

现在您可以调用:

openTab($("#some_tab"));