Javascript 将锚href与参数一起使用

Javascript 将锚href与参数一起使用,javascript,html,anchor,Javascript,Html,Anchor,我通过将所有html页面设置为div,将所有html页面合并为一个页面,因为我使用Jquery mobile制作移动应用程序 转换过程中有一个问题。 通常,通过使用多个html页面,我可以通过URL将参数发送到另一个页面。像这样 $('#allList').append('<li><a href="deadlineDetail.html?id='+allDeadline.id+'" data-transition = "slide >'+ allDeadline.clas

我通过将所有html页面设置为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>');
$('#allList')。追加('
  • ');
    但是,现在我将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>');
    
    $('#allList')。追加('
  • ');

    但是非常糟糕,它无法通过URL传输参数。还有什么方法可以让它工作吗?

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

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

    您需要添加该链接,就像添加不带参数的链接一样,然后您需要创建一个带有如下参数的
    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
    });
    
    $(“#allList”).append(“
  • ”+allDeadline.class+”
    “+allDeadline.duedate+”+allDeadline.duetime+”
    “+allDeadline.description+”
  • ); $(文档)。在(“单击”上,“某些ID”,函数(){ //用参数做你的工作 });
    谢谢,它很管用。你知道deadlineDetail中有一个函数可以从URL检索id吗?我试过上面的例子。它返回了“DeadlineDetail”,而不是我想要的id