Javascript onsen ui json wordpress

Javascript onsen ui json wordpress,javascript,jquery,json,wordpress,onsen-ui,Javascript,Jquery,Json,Wordpress,Onsen Ui,我尝试在ONSEN用户界面中集成wordpress,但我不知道哪里出错了。 我重复了这个例子 我试图创建几乎相同的东西,但我想使用ONSEN用户界面 这是我的代码。 我个人认为index.js脚本有问题。 我使用INDEX.JS文件从我的wordpress站点生成提要 当我删除此atribute ng app=“app”时,第2行出现错误,第181行出现错误 错误 Uncaught SyntaxError: Unexpected token } INDEX.JS 函数列表帖子(数据){ v

我尝试在ONSEN用户界面中集成wordpress,但我不知道哪里出错了。 我重复了这个例子

我试图创建几乎相同的东西,但我想使用ONSEN用户界面

这是我的代码。 我个人认为index.js脚本有问题。 我使用INDEX.JS文件从我的wordpress站点生成提要

当我删除此
atribute ng app=“app”
时,第2行出现错误,第181行出现错误

错误

Uncaught SyntaxError: Unexpected token }
INDEX.JS

函数列表帖子(数据){
var输出=“”;
$.each(数据、帖子、函数(键、val){
输出+='';
输出+='';
输出+=''+val.title+'';
输出+='';
});
输出+='';
$('#postlist').html(输出);
}
**INDEX.HTML**

我的应用程序
var module=angular.module('app',['onsen']);
.page--菜单页内容{
背景色:#333;
颜色:白色;
}
.菜单关闭,
.菜单关闭>.工具栏按钮{
颜色:#999;
}
.菜单列表,
.菜单项:第一个孩子,
.菜单项:最后一个孩子,
.菜单项{
背景色:透明;
背景图像:无!重要;
边框颜色:透明;
颜色:#fff;
}
保险商实验室{
列表样式:无;
保证金:自动;
填充:0;
}
.菜单项{
填充:0 20px;
线高:52px;
高度:52px;
文本阴影:rgba(0,0,0,0.4)0px 1px 0px;
}
.菜单项:活动{
背景色:rgba(255,255,255,0.1);
}
.菜单通知{
显示:内联块;
边缘顶部:12px;
字体大小:14px;
高度:16px;
线高:16px;
最小宽度:16px;
字号:600;
}
.底部菜单列表,
.底部菜单项:第一个孩子,
.底部菜单项:最后一个子项,
.底部菜单项{
边框颜色:#393939;
背景色:透明;
背景图像:无!重要;
颜色:#ccc;
}
.底部菜单项:活动{
背景色:rgba(255,255,255,0.1);
}
第1页
第1页内容

页面1.html 页面2.html
您遇到的问题是如何错误地使用单引号(')和双引号(“”)。将下面的代码复制并粘贴到index.js文件中,这样就不会再有错误了

function listPost (data) {
  var output='<ons-list>';
  $.each(data.posts,function(key,val){

    output+='<ons-list-item  onclick="myNavigator.pushPage(\'page1.html\', { animation : \'slide\' } )">';
    output+='<img src=\"'+val.thumbnail_images.full.url+'\" alt="" width="100%">';
    output+='<h1>'+ val.title +'</h1>';
    output+='</ons-list-item>';

  });
  output+='</ons-list>';
  $('#postlist').html(output);


}
函数列表帖子(数据){
var输出=“”;
$.each(数据、帖子、函数(键、val){
输出+='';
输出+='';
输出+=''+val.title+'';
输出+='';
});
输出+='';
$('#postlist').html(输出);
}
提示:如果您想在(')内使用('),请将其写为(/')。对于(“”)也是一样,您需要以(/“”)的形式书写

我希望有帮助。祝你好运