使用带有参数的anchor href

时间:2014-04-21 08:55:14

标签: javascript html anchor

我将所有html页面组合成一个页面,将这些页面设置为div,因为我正在通过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 =&#34; deadlineDetail&#34;

的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传输参数。反正有没有让它发挥作用?

2 个答案:

答案 0 :(得分:1)

将哈希值作为href的最后一部分。

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

答案 1 :(得分:-1)

您需要将该链接作为没有参数的链接附加,然后您需要使用以下参数创建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
});