Jquery 모바일 탐색 문제

Question

jquery 모바일 앱에서 simpledialog를 사용합니다. 그것은 정상적인 브라우저 너비에서 실행하면 잘 작동합니다. 그러나 화면 너비를 250px (apprx.) (화면 너비와 일치하는 화면 너비) 이하로 줄이면 URL에 # & ui-state = 대화 상자가 현재 URL과 함께 추가되기 시작합니다. 그리고 문제는 리디렉션에도 있습니다. 내 단추 중 하나가 다른 페이지로 연결됩니다. 그리고 그 버튼을 클릭하면 지정된 페이지로 리다이렉트하고 현재 페이지로 되돌아갑니다. 그러나 내가 다시 한번 똑같은 일을한다면 어떤 문제도 없을 것입니다. 누구든지이 문제를 해결할 수 있습니까?

$('#create_invoice').append('<div id="temp_div_popup" style="width:80px;position:absolute;top:0px;left:0px;"></div>'); 
$('#temp_div_popup').simpledialog({ 
    'buttons':{ 
     'Edit':{ 
      click:function() { 
       operation = 'edit_exist'; 
       if (type == 'item') { 
        $.mobile.changePage('add_item.html',{ 
         transition : 'none', 
         allowSamePageTransition : true 
        }); 
       } 
       else if (type == 'task') { 
        $.mobile.changePage('add_task.html',{ 
         transition : 'none', 
         allowSamePageTransition : true 
        }); 
       } 
       $('#temp_div_popup').remove(); 
      } 
     }, 
     'Delete':{ 
      click:function() { 
       deleteItemOrTask(type); 
       $('#temp_div_popup').remove(); 
      } 
     }, 

     'Cancel':{ 
      click:function() { 
       $('#temp_div_popup').remove(); 
      }, 
      icon:"delete", 
      theme:"c" 
     } 
    }, 
    'height' :function(){ 
     return '55px;' 
    }, 
    'width' : function(){ 
     return '140px'; 
    } 
}); 

Answer 1

이 문제는 일반적으로 단지 휴대폰처럼 작은 뷰에서 볼 수있다 : 다음과 같이 간단한 대화를위한

내 코드입니다. 브라우저를 작은 창으로 크기 조정하여 시뮬레이션 할 수 있습니다. 이 플러그인을 제거하고 내 자신의 사용자 지정 대화 상자 창을 추가하여 문제를 해결했습니다. :)