JQuery Mobile 및 JSONP

Question

JSONP를 사용하여 mysql db에서 데이터를 가져 오는 내 jquery 모바일 앱을 보유하고 있습니다. 데이터가 정상적으로 작동하지만 문제는 내 앱의 이전 '페이지'로 돌아가서 다른 옵션을 클릭하면 다음 화면에서 데이터가 두 배가되고 데이터가 여러 번 스태킹됩니다. 내가 그랬듯이. 내가 뭘 놓치고 있니?

모든 브라우저에서 앱이 제대로 보이지 않지만 ios 시뮬레이터 또는 appmobi 시뮬레이터에서 제대로 표시됩니다. 필요한 경우 코드를 게시 할 수 있습니다. 브라우저에서 제대로 보이지 않을 수도 있습니다.

는이 어둠 속에서 샷을 프로젝트에서 코드없이 그래서

$('#two').bind('pagecreate',function(event){ 

var img = getUrlVars()["st"]; 
var photo = $('#img'); 

$.ajax({ 
    type: 'GET', 
    url: 'http://serverhidden/json/img.php?st='+img, 
    dataType: 'jsonp', 
    success: function(data) { 
    $.each(data, function(i,item){ 
    var image = '<img class="stmap" src="images/states/lrg/'+item.img+' "/>';     

     photo.html(image); 

     });    
    }, 
     error: function(e) { 
     //called if there is an error 
     //console.log(e.message); 
    } 
}); 
}); 

Answer 1

이벤트를 여러 번 구독하지 않았는지 확인하십시오. 바보 같지만 쉽게 할 수 있습니다.

사이트를 업데이트하는 횟수를 알 수 있도록 JQM 사이트에 로그를 추가하는 것이 좋습니다.

JQMobile 페이지를 업데이트하려면 페이지를 렌더링 한 후 콘텐츠를 업데이트하는 방법을 호출해야하는 경우도 있습니다. 여기를 참조하십시오 : jQuery Mobile rendering problems with content being added after the page is initialized

희망을 바랍니다.

Answer 2

를 제공 할 수있는 모든 도움을 주셔서 감사합니다하지만 당신은 .append()와 pageshow에 대한 정보와 의사 페이지를 채우는 것처럼 보인다 요구. .append()을 사용하는 대신 .html()을 사용하십시오. 추가하지 않고 이미 표시된 정보를 대체하므로 그대로 사용하십시오.

각 상태가 개별 페이지 인 경우 (또는 이와 유사한) 이벤트에 바인딩하여 각 pageshow 이벤트가 아닌 데이터가 한 번만 추가되도록 할 수 있습니다.