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 ?

score 1 · Answer 1 · answered Apr 21 '14 at 08:59

1

Make the hash the last part of your href.

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

answered Apr 21 '14 at 08:59

Etheryte

24,589
11
71
116

thank u it works. Do u know a function in the deadlineDetail that can retrieve the id from URL ? – Brian Pham Apr 21 '14 at 09:05
I tried the above example. It returned the "DeadlineDetail" not the id I want – Brian Pham Apr 21 '14 at 14:10

score -1 · Accepted Answer · answered Apr 21 '14 at 09:04

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

Use anchor href with parameters

2 Answers2