我正在为我的 JavaScript 类开发一个项目,我不知道如何编辑这个 jQuery,当您选择一个选项卡时,它会将您带到一个新页面。我尝试在正文中添加“a href”,但看起来不正确。是否有一段代码我必须在 jQuery 中输入,以便当您选择“关于”时它会将您带到实际页面?代码如下:
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 class="tabStrip">
<div id="tabStrip-tab-1" class="tabStrip-tab">Home</div>
<div id="tabStrip-tab-2" class="tabStrip-tab">About</div>
<div id="tabStrip-tab-3" class="tabStrip-tab">Contact</div>
<div id="tabStrip-tab-3" class="tabStrip-tab">Gallery</div>
</div>
最佳答案
如果您需要新页面,请将其添加到您的处理程序中..
window.open('url', 'window name', 'window settings');
或者如果您想重定向实际 View ,则可以这样做
window.location.href('url');
此外,这应该是一个更好的选择:
$('div[id^=tabStrip-tab]').bind("click mouseover mouseout", handleEvent);
现在只有“tabStrip-*”id 才会触发事件/处理程序
关于javascript - 添加到 jQuery 选项卡的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19469278/