Javascript 动态页面生成Jquery Mobile

我正在创建一个总线查找程序。用户输入一个公交站点id，使用该id解析实时API，并将结果注入变量中的动态页面。我想将用户重定向到结果页面“#page2”。代码运行时没有错误，API解析工作正常。页面的插入和插入不正确。有什么建议吗？此时，我正在使用此代码将用户带到页面，但不起作用：

$(virtualPage).insertAfter($('#pageone'));

$.mobile.pageContainer.pagecontainer("change", "#page2");

我认为这可能与我的“virtualPage”变量上的id有关。我以前在基于列表的应用程序中做过这项工作，但是有一个each循环，它使用wasi为链接创建id，对页面id创建id

都柏林音乐会列表
获取下一班车的详细信息
//单击此按钮可获取调用函数
$（文档）。在（'单击'，'按钮获取总线'，函数（）上）{
//获取并输入总线Id
var bus_stop_id=document.getElementById（“bus_stop_id”）.value；
//如果Id为空，则给定错误
如果（！公共汽车站id）{
警报（“请输入公共汽车站号码”）；
返回false；
} 
//此函数使用给定的公交站点id向API发出post请求
$.ajax({
url:“https://data.smartdublin.ie/cgi-bin/rtpi/realtimebusinformation?stopid=“+bus\u stop\u id+”&format=json”，
数据类型：“json”，
成功：功能（结果）{
//它返回json数据
控制台日志（结果）；
var virtualPage=“”；
var str=JSON.stringify（结果）；
//用于解析json和在html中插入数据的代码
var obj=jQuery.parseJSON（str）；
var destination=obj.results[0]。destination；
var origin=obj.results[0]。origin；
var arrivaldatetime=obj.results[0]。arrivaldatetime；
var departuredatetime=obj.results[0]。departuredatetime；
虚拟页面+=
'' 
+ '' 
+''+目的地+''
+ '' 
+'地点：'+目的地+''
+'日期：'+目的地+''
+'时间：'+目的地+''
+“DOM中是否存在
#page2
，然后再向其添加内容？它是iFrame吗？我认为您应该进一步查看jQuery移动页面，因为虚拟页面应该只是一个DIV。这实际上是有意义的，而不是用页面创建变量。创建页面并将内容插入该页面是的，如果您修改了在jQuery多页面模型中，您需要定义
data role='Page'
div，然后在导航到该页面之前向其添加内容，页面更改应该可以工作。您可能需要查看和调整jQuery Mobile使用的一些AJAX设置。可能重复
id=“#page2”
到
id=“page2”
删除
id
中的哈希值。