Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.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
Javascript 为什么不是';我的json产品列表是否正在加载?_Javascript_Jquery_Html_Json - Fatal编程技术网

Javascript 为什么不是';我的json产品列表是否正在加载?

Javascript 为什么不是';我的json产品列表是否正在加载?,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我很想了解为什么我的列表没有加载。 这是我的json和jquery,还有我的HTML。 控制台显示0个错误,列表显示为空。我真的很感谢你的帮助,我对json还不熟悉。非常感谢 //Json数组 var productList={“产品”:[ {“描述”:“Bata Bordada”,“颜色”:“amarelo”,“尺寸”:“P”,“价格”:“390”}, {“description”:“Chapéu de Praia com Fivela”,“color”:“cinza”,“size”:“M”

我很想了解为什么我的列表没有加载。 这是我的json和jquery,还有我的HTML。 控制台显示0个错误,列表显示为空。我真的很感谢你的帮助,我对json还不熟悉。非常感谢

//Json数组
var productList={“产品”:[
{“描述”:“Bata Bordada”,“颜色”:“amarelo”,“尺寸”:“P”,“价格”:“390”},
{“description”:“Chapéu de Praia com Fivela”,“color”:“cinza”,“size”:“M”,“price”:“390”},
{“description”:“Vestido Texturizado”,“color”:“branco”,“size”:“G”,“price”:“390”},
{“描述”:“Bata Bordada”,“颜色”:“branco”,“大小”:“GG”,“价格”:“390”},
{“description”:“Chapéu de Praia com Fivela”,“color”:“amarelo”,“size”:“36”,“price”:“390”},
{“description”:“Vestido Texturizado”,“color”:“azul”,“size”:“38”,“price”:“390”},
{“description”:“Bata Bordada”,“color”:“cinza”,“size”:“40”,“price”:“390”},
{“description”:“Chapéu de Praia com Fivela”,“color”:“branco”,“size”:“42”,“price”:“390”},
{“description”:“Vestido Texturizado”,“color”:“cinza”,“size”:“44”,“price”:“390”}
]
};
函数loadList(){
var list=$(“#产品列表”).listview();
list.sort();
$(productList.products)。每个(函数(索引){
$(列表)。追加(
“
  • ”; }); $(列表)。列表视图(“刷新”); }
    
    阴道睾丸前端
    奥德纳
    梅斯雷森特斯酒店
    迈奥·普雷索
    梅诺·普雷索
    

    您需要删除
    .listView()
    引用。这似乎是某种插件,可能来自jquerymobile,您的页面上没有包含它。因此,请为首选版本的jquery-mobile.js添加一个include,或删除对
    .listView()
    的引用,如下所示:

    var list = $("#ProductList");
    
    在这方面:

    var productList={“产品”:[
    {“描述”:“Bata Bordada”,“颜色”:“amarelo”,“尺寸”:“P”,“价格”:“390”},
    {“description”:“Chapéu de Praia com Fivela”,“color”:“cinza”,“size”:“M”,“price”:“390”},
    {“description”:“Vestido Texturizado”,“color”:“branco”,“size”:“G”,“price”:“390”},
    {“描述”:“Bata Bordada”,“颜色”:“branco”,“大小”:“GG”,“价格”:“390”},
    {“description”:“Chapéu de Praia com Fivela”,“color”:“amarelo”,“size”:“36”,“price”:“390”},
    {“description”:“Vestido Texturizado”,“color”:“azul”,“size”:“38”,“price”:“390”},
    {“description”:“Bata Bordada”,“color”:“cinza”,“size”:“40”,“price”:“390”},
    {“description”:“Chapéu de Praia com Fivela”,“color”:“branco”,“size”:“42”,“price”:“390”},
    {“description”:“Vestido Texturizado”,“color”:“cinza”,“size”:“44”,“price”:“390”}
    ]};
    函数loadList(){
    var列表=$(“#产品列表”);
    //list.sort();已注释,因为这不会做任何有用的事情
    $(productList.products)。每个(函数(索引){
    $(列表)。追加(
    “
  • ”; }); }
    
    

    您正在使用jQuery Mobile!所以你需要把它包括在你的页面中:和

    请检查此工作演示:

    //Json数组
    var productList={“产品”:[
    {“描述”:“Bata Bordada”,“颜色”:“amarelo”,“尺寸”:“P”,“价格”:“390”},
    {“description”:“Chapéu de Praia com Fivela”,“color”:“cinza”,“size”:“M”,“price”:“390”},
    {“description”:“Vestido Texturizado”,“color”:“branco”,“size”:“G”,“price”:“390”},
    {“描述”:“Bata Bordada”,“颜色”:“branco”,“大小”:“GG”,“价格”:“390”},
    {“description”:“Chapéu de Praia com Fivela”,“color”:“amarelo”,“size”:“36”,“price”:“390”},
    {“description”:“Vestido Texturizado”,“color”:“azul”,“size”:“38”,“price”:“390”},
    {“description”:“Bata Bordada”,“color”:“cinza”,“size”:“40”,“price”:“390”},
    {“description”:“Chapéu de Praia com Fivela”,“color”:“branco”,“size”:“42”,“price”:“390”},
    {“description”:“Vestido Texturizado”,“color”:“cinza”,“size”:“44”,“price”:“390”}
    ]
    };
    函数loadList(){
    var list=$(“#产品列表”).listview();
    list.sort();
    $(productList.products)。每个(函数(索引){
    $(列表)。追加(
    “
  • ”; }); $(列表)。列表视图(“刷新”); }
    
    阴道睾丸前端
    奥德纳
    梅斯雷森特斯酒店
    迈奥·普雷索
    梅诺·普雷索
    

    什么是
    listview
    我也有点绝望,因为我必须在周一之前交付运行的代码^ ^@user2181397,你抓到我了。我不知道。我只是从其他地方复制了代码,只是更改了变量以满足我的需要:(我甚至没有注意到listview这个东西…:(除非您澄清,否则无法提供帮助。此外,此下拉列表与json表有何关系?您应该尝试将此类问题分解为多个部分,并尝试了解每一部分。Stack Overflow不是免费的程序员雇佣服务……如果您能确定具体问题,则通过searc更容易获得帮助。)h发动机(即时结果)如果您对快速搜索不确定,那么SO可能是一个很好的资源它是jquery mobile,请检查我的答案。@IsmailRBOUH-哦,好的,很酷,谢谢。我已经做了一个更新,但假设OP尝试使用jquery mobile是一个不错的方法。请看我的代码片段是一个工作演示!实际上这个jquery mobile将帮助我解决一个问题很多。非常感谢你的邀请this@BeatrizRachel-如果你想要jQuery mobile,那么你应该接受,而不是我的,bec