Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
json数据jquery.append格式问题_Jquery_Json_Jquery Mobile - Fatal编程技术网

json数据jquery.append格式问题

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

我正在尝试为一个移动应用程序构建一个菜单(使用jQuery mobile)。我有一个.asp页面,该页面查询SQL以提取菜单项(现在有一个,下面用
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();
}