0

我刚刚从 jquery mobile alpha 2 切换到 jquery mobile beta 1.0。我正在对 jquery javascript 文件和 css 使用 CDN 访问。我从服务器获取一些数据并以列表格式显示。我在 javasript 文件中动态构建列表。

我正在使用

$('#detail').html(html);

$('#detail ul').listview();

构建后刷新我的列表。

它在 jquery mobile 的 alpha 版本上运行良好,但现在不更改任何一行代码,我正在尝试使用 jquery mobile beta 运行它,但出现以下错误:

网页错误详情

消息:'0' 为空或不是对象
行:133
字符:183
代码:0
URI:http ://user.mydomain.com/scripts/jquery.mobile-1.0b1.min.js

我做错了什么或 css 文件的 beta 版本有问题吗?

编辑:

我正在使用 ajax 调用获取 json 格式的数据(比如结果对象)并像这样显示它:

var html = "<ul id="contactDetails" data-role="listview" data-filter="false" data-inset="true">";

html += "<li data-icon='false'><Email:<a href=mailto:'"+  result.Data.email_address_1 + +"'>" + result.Data.email_address_1 + "</a></li>";

html += 'ul 关闭标签'

$('div#page2 div#contentMain div#details ul#customerDetails').html(html)
$('div#page2 div#contentMain div#details ul').listview();

虽然我可以看到数据正确显示,但没有样式。

希望这有助于理解问题。

拉曼

4

2 回答 2

0

在您的示例中,您正在做

$('div#page2 div#contentMain div#details ul#customerDetails').html(html)
$('div#page2 div#contentMain div#details ul').listview();

但是ids 是唯一的,所以没有理由使用多个 id 来定义层次结构。

只需使用

$('#customerDetails').html(html);
$('#details ul').listview();

还要确保你修复了你的字符串连接......并且它result.Data包含你认为它所做的......

于 2011-07-26T10:32:41.513 回答
0

我在 Jquery Mobile 论坛上进行了检查,以下解决方案对我有用。

     $('#details').html(html)
     $('#page2').page();
     $('ul#customerDetails').listview('refresh');
于 2011-07-27T09:23:42.987 回答