json数据jquery.append格式问题
我正在尝试为一个移动应用程序构建一个菜单(使用jQuery mobile)。我有一个.asp页面,该页面查询SQL以提取菜单项(现在有一个,下面用json数据jquery.append格式问题,jquery,json,jquery-mobile,Jquery,Json,Jquery Mobile,我正在尝试为一个移动应用程序构建一个菜单(使用jQuery mobile)。我有一个.asp页面,该页面查询SQL以提取菜单项(现在有一个,下面用json[0].CompanyName表示)。它以JSON数据的形式返回。我想将SQL中的值附加到ID为“mylist”的。这可以工作并在json[0].CompanyName中添加文本,但它没有菜单中硬编码的项目1和项目2的格式。为什么CSS中的格式适用于两个硬编码菜单项,而不适用于动态菜单项 <div data-role="content
json[0].CompanyName
表示)。它以JSON数据的形式返回。我想将SQL中的值附加到ID为“mylist”的
。这可以工作并在json[0].CompanyName
中添加文本,但它没有菜单中硬编码的项目1
和项目2
的格式。为什么CSS中的格式适用于两个硬编码菜单项,而不适用于动态菜单项
<div data-role="content" data-theme="b">
<ul id="mylist" data-role="listview" data-inset="true" data-filter="true" >
<li><a href="item1.html" >Hard Coded Menu Item 1</a></li>
<li><a href="item2.html" >Hard Coded Menu Item 2</a></li>
<script type="text/javascript">
$(document).ready(function () {
$.getJSON("getdata.asp", function (json) {
// alert(json[0].CompanyName);
$('#mylist').append('<li><a href="#">' + json[0].CompanyName + '</a> </li>');
});
});
</script>
</ul>
</div>
$(文档).ready(函数(){
$.getJSON(“getdata.asp”,函数(json){
//警报(json[0].CompanyName);
$('#mylist')。追加('');
});
});
附加到列表视图后,必须刷新它:
$(function () {
$.getJSON("getdata.asp", function (json) {
$('#mylist').append('<li><a href="#">' + json[0].CompanyName + '</a> </li>').listview('refresh');
});
});
没有看到问题。您的CSS和生成的html是什么样子的?你有一个指向实时页面的链接吗?你在上面看到的是我在浏览器中呈现页面时看到的源代码。看起来CSS应用于页面上的所有元素,它们按应有的方式呈现……然后启动脚本,菜单项应用于UL,但CSS不会应用于动态添加的项。有没有一种方法可以在脚本执行后重新加载CSS?天哪,这就成功了。非常感谢你帮助了一个新人。你让我高兴极了。@CorbyBender不客气。这是jQuery Mobile中非常常见的问题。另外,我注意到您正在使用文档。准备好事件要运行代码,请查看事件文档页面的顶部:
var $myList = $('#myList');
if ($myList.hasClass('ui-listview')) {
$myList.listview('refresh');
} else {
$myList.listview();
}