添加鏈接到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標籤

回答

相關問題