目前我在 json.file 中有几个问题,当单击“刷新”按钮时,如何按随机顺序从 json.file 中检索所有这些问题?到目前为止,我通过 for 循环检索它们,因此它按顺序显示所有问题。
<script>
var jsonfile='data.json';
var qData=new Array();
$.getJSON(jsonfile, function(data){
for (var i=0;i<data.activity.length;i++)
{
qData[i]=data.activity[i].question;
}
for(var i=0;i<qData.length;i++)
{
append(qData[i],i);
$('#text'+(i+1)).textinput();
$('#submit'+(i+1)).button();
$('#cancel'+(i+1)).button();
}
function append(data,i)
{
$('#list').append('<li><a href=#mypanel'+(i+1)+' data-icon="arrow-l" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-icon-nodisc" id="list">'+ data + '</a></li>'); //list item
$('#mypanel'+(i+1)).append("<div align='center' style='margin-top:30px;'><font style='font-family:Helvetica, Arial, sans-serif ;color:white;' size='5px' ><b>Question Hint : </b></font></div><br/><label for=text"+(i+1)+" id=paneltitle"+(i+1)+" style='margin-top:10px;text-align:center;color:white;'>"+data+"</label>");//panel item
$('#paneltitle'+(i+1)).append('<input type="text" id=text'+(i+1)+' >');
$('#mypanel'+(i+1)).append('<a href="#header" data-role="button" id=submit'+(i+1)+' data-inline="true" data-rel="close" data-icon="check" style="margin-left:75px;">Submit</a>');
$('#mypanel'+(i+1)).append('<a href=#mypanel'+(i+1)+' data-role="button" id=cancel'+(i+1)+' data-inline="true" data-rel="close" data-icon="delete2" style="margin-left:75px;">Cancel</a>');
}
$('#list').listview('refresh');
});
</script>
<div data-theme="a" data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a id="PageRefresh" data-icon="refresh">Refresh</a></li>
</ul>
</div>
</div>