當點擊按鈕時更新div

Question

有人能告訴我這段代碼有什麼問題。我試圖每當一個標籤點擊

var current = 0; 

function nextPage() { 
    current++; 
    return current; 
} 

$(document).ready(function (e) { 
    $("a").click(function() { 
     $(".display").text(nextPage()); 
     return false; 
    }); 
}); 

Answer 1

在你的代碼行

$(".display").text(nextPage()); 

$(".display")返回一組元素的更新與等級顯示股利。您的實際目標元素可能不是其中的第一個。使用$ .each遍歷每個元素或使用id-selector指定單個DOM元素。

---

.each()例如：（Demo）

$(document).ready(function (e) { 
    $("a").click(function() { 
     $(".display").each(function (index, element) { 
      $(element).text(nextPage()); 
     }); 
     return false; 
    }); 
}); 

---

ID-選擇例如：（Demo）

$(document).ready(function (e) { 
    $("a").click(function() { 
     $("#display2").text(nextPage()); 
     return false; 
    }); 
}); 

Answer 2

爲了確保所有達因amically插入的元素將有一個事件使用.on。

This example on jsFiddle

$(document).on("click", "a", function() { 
    $(".display").text(nextPage()); 
    return false; 
}); 

注：<!-- comment -->僅適用於HTML，Javascript的使用// comment或/* comment */