重定向到带有href参数的div时没有数据转换动画

Question

我有这行代码

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

可以使用数据转换动画重定向到div“DeadlineDetail”。但是，如果我将参数添加到href中，就像这样

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

没有数据转换动画

对此有何解决方案？

JSFiddle中的完整HTML和JS：http://jsfiddle.net/XqE5P/