Use anchor href with parameters

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

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
});

Answer 2

Make the hash the last part of your href.

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