使用帶參數的錨點 href

Question

我通過將這些頁面設置為 div 將所有 html 頁面合並到一個頁面，因為我正在通過 Jquery mobile 制作移動應用程序在轉換過程中存在一個問題。 通常，通過使用多個 html 頁面，我可以通過 URL 將參數發送到另一個頁面。 像這樣

$('#allList').append('<li><a href="deadlineDetail.html?id='+allDeadline.id+'" data-transition = "slide >'+ allDeadline.class +'<br>'+ allDeadline.duedate+'  '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>');

但是，現在我將deadlineDetail.html 頁面移動到id = "deadlineDetail" 的div

所以我要使用這個代碼

 $('#allList').append('<li><a href="#deadlineDetail?id='+allDeadline.id+'" data-transition = "slide >'+ allDeadline.class +'<br>'+ allDeadline.duedate+'  '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>');

但是太糟糕了，它無法通過 URL 傳輸參數。 有沒有辦法讓它工作？

Answer 1

使哈希成為您的 href 的最后一部分。

href="?id='+allDeadline.id+'#deadlineDetail"

Answer 2

您需要像不帶參數的鏈接一樣附加該鏈接，然后您需要使用如下參數創建一個click函數：

$('#allList').append('<li><a id="SOME_ID">'+ allDeadline.class +'<br>'+ allDeadline.duedate+'  '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>');

$(document).on("click", "#SOME_ID", function(){
  // do your stuff with parameters
});