닫기 버튼을 클릭 한 후 jquerymobile 패널 너비를 변경할 때 원하지 않는 효과가있는 패널을 닫습니다.

Question

.ui-panel 내 모바일 인터페이스 용으로 너비를 변경하고 싶습니다. in css)

.ui-panel{width: 310px !important} 

하지만 이제 내가 닫을 때. jQuery Mobile panel width

어떤 제안 : 그것은 내가 여기에서이 솔루션을 시도 17em

에 대한 끝나는 그 지점에 도달 할 때 차질을 보여줍니다?

Answer 1

너비를 overlay 또는 push 패널로 변경하는 경우 너비와 일치하도록 translate3d 애니메이션 속성을 업데이트해야합니다. 기본적으로 패널의 너비는 17em이고 기본 애니메이션 인 x은 -17em입니다.

/* left panel - overlay and push */ 
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, 
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push { 
    left: 0; 
    -webkit-transform: translate3d(-310px,0,0); 
    -moz-transform: translate3d(-310px,0,0); 
      transform: translate3d(-310px,0,0); 
} 

/* right panel - overlay and push */ 
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, 
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push { 
    right: 0; 
    -webkit-transform: translate3d(-310px,0,0); 
    -moz-transform: translate3d(-310px,0,0); 
      transform: translate3d(-310px,0,0); 
}