所以,我有一个使用JQuery mobile的移动网站,与我一周前创建的另一个移动网站几乎相同。
在那个其他网站中,我有2个更改,我想在我的新网站中导入。嵌套列表标题的颜色和这些列表中的自定义主页按钮。
为了更改嵌套列表标题,我添加了以下内容:
$(document).bind("mobileinit", function() {
$.mobile.listview.prototype.options.headerTheme = "c";
});
此功能适用于自定义主页按钮:
$(':jqmData(url^=transat-home)').live('pagebeforecreate',
function(event) {
$(this).filter(':jqmData(url*=ui-page)').find(':jqmData(role=header)')
.prepend('<a href="#" data-rel="back" data-icon="back">Back</a>')
});
正如您所料,一切都在site1上运行,但没有一个在站点2上运行。但是由于某种原因,JQmobile可能无法正常加载。我怀疑是因为我收到了这个错误:
Uncaught Syntax error, unrecognized expression: Syntax error, unrecognized expression: jqmData jquery.js:86
k.error jquery.js:86
k.selectors.filter.PSEUDO jquery.js:94
k.filter jquery.js:85
k jquery.js:82
t.querySelectorAll.k jquery.js:103
c.fn.extend.find jquery.js:106
b.fn.b.init jquery.js:27
b jquery.js:24
(anonymous function)
我不知道那个错误是什么,我也没有看到太多关于它的信息
有什么想法吗?
更新:
实际上我刚才意识到我的JQM选项不起作用,我试着把它放在<head>
标签的末尾:
<script>
$(document).bind("mobileinit", function() {
$.mobile.listview.prototype.options.headerTheme = "c";
$.mobile.defaultDialogTransition = "slide";
});
</script>
我仍然有标准的淡入淡出过渡。所以我的问题实际上是我的选项不起作用,但我没有看到任何相关的错误