使用带参数的锚点 href

Question

I'm combining all my html pages to one page by setting those pages into divs because I'm making mobile app by Jquery mobile There's one problem in converting process. By normal, by using multiple html pages, I can send parameter via URL to another page. Like this

$('#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>');

However, now I'm moving the deadlineDetail.html page into a div with id = "deadlineDetail"

So I'm gonna use this code

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

But so terrible that it cannot transfer the parameter via URL. Is there anyway to make it work ?

Answer 1

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

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

Answer 2

You need to append that link just as link with no parameters, then you need to create a click function with the parameters like:

$('#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
});