Javascript 向jQuery选项卡添加链接

我正在为我的JavaScript类做一个项目，我不知道如何编辑这个jQuery，当您选择一个选项卡时，它会将您带到一个新页面。我尝试在正文中添加“a href”，但看起来不太对劲。我是否必须在jQuery中输入一段代码，这样当您选择“About”时，它会将您带到实际页面？代码如下：

jQuery

function handleEvent(e) {
    var el = $(e.target);
    if (e.type == "mouseover" || e.type == "mouseout") {
        if (el.hasClass("tabStrip-tab") && !el.hasClass("tabStrip-tab-click")) {
            el.toggleClass("tabStrip-tab-hover");
        }
    }
    if (e.type == "click") {
        if (el.hasClass("tabStrip-tab-hover")) {
            var id = e.target.id;
            var num = id.substr(id.lastIndexOf("-") + 1);

            if (currentNum != num) {
                deactivateTab();
                el.toggleClass("tabStrip-tab-hover")
                    .toggleClass("tabStrip-tab-click");
                showDescription(num);
                currentNum = num;
            }
        }
    }
}

function deactivateTab() {
    var descEl = $("#tabStrip-desc-" + currentNum);
    if (descEl.length > 0) {
        descEl.remove();
        $("#tabStrip-tab-" + currentNum).toggleClass("tabStrip-tab-click");
    }
}

$(document).bind("click mouseover mouseout", handleEvent);

HTML

家
关于
接触
画廊

解决问题的最佳方法是为每个选项卡放置包含内容的隐藏div。

---

您所要做的就是根据选择的标记显示当前div。另一种解决方案是使用ajax，然后为内容创建一个模板，并用收到的数据填充模板。

解决问题的最佳方法是为每个选项卡添加包含内容的隐藏div。

---

您所要做的就是根据选择的标记显示当前div。另一种解决方案是使用ajax，然后为内容创建一个模板，并用收到的数据填充模板。

如果需要新页面，请将此添加到处理程序中

window.open('url', 'window name', 'window settings');

或者，如果要重定向实际视图，请执行此操作

window.location.href('url');

此外，这应该是一个更好的选择：

$('div[id^=tabStrip-tab]').bind("click mouseover mouseout", handleEvent);

---

现在只有'tabStrip-*'id'会触发事件/处理程序

如果需要新页面，请将此添加到处理程序中

window.open('url', 'window name', 'window settings');

或者，如果要重定向实际视图，请执行此操作

window.location.href('url');

此外，这应该是一个更好的选择：

$('div[id^=tabStrip-tab]').bind("click mouseover mouseout", handleEvent);

---

现在，只有“tabStrip-*”id将触发事件/处理程序

为什么要在

文档

上绑定事件？这对于选项卡、菜单等很常见，为什么要在

文档

上绑定事件？对于选项卡、菜单等很常见