我现在已经在墙上撞了几个小时了,但似乎仍然无法让它发挥作用.
我正在制作一个Web应用程序,使用多页面模板(在我的网页中有多个页面)index.html.
目标:动态创建新页面,然后在屏幕上显示此页面.
问题:创建页面后,尝试更改到此页面时出现以下错误:Error: Syntax error, unrecognized expression: :nth-childin jquery.mobile-1.4.5.js:1850:8
相关代码可以在下面找到:
JavaScript的
// Add the page to the DOM
$.mobile.pageContainer.append(page);
// Change the page
$.mobile.pageContainer.pagecontainer('change', $('#' + pageId));
HTML
页面已创建并添加到<body>,所以我将省略HTML部分.
我认为页面可能没有注册到pagecontainer,这会出错？我看了,但似乎没有一个pagecontainer刷新方法.
有想法该怎么解决这个吗？
编辑1:
使用上述代码导航到另一个页面,例如主页工作正常.唯一不起作用的页面是新创建的页面.
编辑2:
看来我创建的页面会产生错误.用于导航到页面的代码工作正常.
我用来创建页面的代码:
var page = $('<div/>', {
id: pageId,
'data-role': 'page',
'data-dom-cache': 'false',
});
var content = $('<div/>', {
'data-role': 'content',
});
var courseTabs = $('<div/>', {
'data-role': 'tabs',
});
var courseNavbar = $('<div/>', {
'data-role': 'navbar', …