添加链接到jQuery标签

我正在为我的JavaScript类工作，我不知道如何编辑这个jQuery，当你选择一个标签时，它会带你到一个新的页面。我尝试在身体上添加“a href”，但看起来不正确。是否有一段代码我必须在jQuery中输入，所以当你选择“关于”它会带你到实际的页面？下面的代码：添加链接到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>

来源

2013-10-19 user2898396

你为什么要在'document'上绑定事件？ –

它是常见的选项卡，菜单等，使用元素href，即

Home

– melc

这个，如果你想重定向实际的视图

window.location.href('url');

而且这应该是一个更好的选择添加到您的处理程序，如果你需要一个新的网页..

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

或本：

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

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

来源

2013-10-19 18:21:13

您的问题最好的办法是把隐藏的div与每一个你有标签的内容。您只需显示当前div，具体取决于所选标签。另一种解决方案是使用ajax，然后你有一个内容模板，并用你收到的数据填充模板。

来源

2013-10-19 18:20:30 Kliment

这就是问题？！ UPS.. –

添加链接到jQuery标签

回答

相关问题