創建頁面 - 鏈接不工作

Question

我有一個選項卡HTML，基於這個例子：

http://inspirationalpixels.com/tutorials/creating-tabs-with-html-css-and-jquery

我試圖做的是創建每個標籤內的子頁面。標籤文本底部的箭頭將您鏈接到更多文本，位於當前選項卡的div內。

它在HTML中工作，但是當我嘗試使用Javascript創建相同的元素時，它不會。然後鏈接根本不起作用。

你可以明白我的意思是： http://codepen.io/anon/pen/gpPREB

的JavaScript我使用的是

function createArrow() { 
var ap = document.createElement("ul"); 
    ap.className = "tab-links"; 
    var a = document.createElement("a"); 
    var aText = document.createTextNode("> new arrow to tab 1, pg 2"); 
    a.appendChild(aText) 
    a.title = "Next"; 
    a.href = "#tab-1-pg-2"; 
    ap.appendChild(a); 
    document.getElementById("tab-1").appendChild(ap);     
} 

上爲什麼鏈接不起作用任何想法，即使是相同的直接在HTML中創建的鏈接？

Answer 1

如果我理解您的問題...嘗試更改您的點擊事件處理程序委派。

jQuery('.tabs').on('click', ' .tab-links a', function(e) {

的.tab-links不存在，當您最初綁定的事件處理程序，所以你需要將它委託給其父.tabs 參考：http://api.jquery.com/on/#direct-and-delegated-events