Ajax listview(';刷新';)不工作
在我的应用程序中,Ajax listview(';刷新';)不工作,ajax,jquery,jquery-mobile,Ajax,Jquery,Jquery Mobile,在我的应用程序中,listView('refresh')不起作用。这是我的密码 我动态创建listView var str = "<ul data-role='listview' data-inset='true' id='mylist'>"; for(var i = 0; i<data.length; i++ ){ str += "<li>"+data[i].note.text+"</li>";
listView('refresh')
不起作用。这是我的密码
我动态创建listView
var str = "<ul data-role='listview' data-inset='true' id='mylist'>";
for(var i = 0; i<data.length; i++ ){
str += "<li>"+data[i].note.text+"</li>";
}
str += "</ul>"
$('#content').append(str);
function addnote(){
var note_text = $('#note_text').val();
var note_lat = $('#lat').val();
var note_lng = $('#lng').val();
$.ajax({
type: "POST",
beforeSend: function (jqXHR) {
jqXHR.setRequestHeader(KEY1, _key1);
jqXHR.setRequestHeader(KEY2, _key2);
},
url:SERVER_URL+"api/addNotes/",
data: {type: 'text',note_text: note_text, note_lat: note_lat , note_lng: note_lng},
success: function(data, textStatus, jqXHR) {
if (data.status == "ok"){
$.mobile.changePage("file:///android_asset/www/index.html?"+_key1+"|"+_key2+"|");
}
else{
alert("Something wrong");
}
},
error: function(jqXHR, textStatus, errorThrown) {
alert("Error=" + errorThrown);
},
complete: function() {
$('#mylist').listview('refresh');
}
});
}
var str=“”;
for(var i=0;i刷新用于向现有增强的listview添加元素。如果动态创建整个listview,则需要在父div上触发“创建”
所以,如果您有
,请尝试使用此方法来完成函数
complete: function() {
$('#mylist').listview();
}
正如其他人提到的,刷新方法适用于将listitems添加到JQM已经创建的listview中的情况。您可能希望在添加一些值后查看数据。如果您想执行此listview。在添加一些值后,刷新对您没有帮助,您必须再次调用数据,即您必须调用getNote()再说一遍
我认为这很有帮助。首先,你必须了解刷新是如何工作的,当你添加一个新的LI时,它只会刷新listview的css,这样新的LI就会有一个正确的css
function createItem(tx,results){
var len = results.rows.length;
console.log("lisitem len "+len);
for(var i = 0;i<len;i++){
var content = results.rows.item(i).content;
var id = results.rows.item(i).id;
var string = '<li><a href="#all_content" data-rel="popup" onclick="getContent('+id+');" class="ui-link-inherit">'+content+' ['+results.rows.item(i).date+']</a></li>';
$("#all_list").append(string);
};
freshList("all_list");
函数createItem(发送,结果){
var len=results.rows.length;
控制台日志(“lisitem len”+len);
对于(var i=0;i请重新检查idmylist
没有错误我刚刚更新了检查,mylist是正确的将您的刷新代码放入成功函数并检查是否正确兄弟您给出了很好的建议。我从未想过问题会是这样。谢谢
<li><a href="#all_content" data-rel="popup" onclick="getContent(2);" class="ui-link-inherit"> 测试成功 [2013-10-02]</a></li>