2012-03-28 4 views
6

jQuery Mobile 1.1을 사용하고 있으며 고정 된 도구 모음을 가지고 있지만 사용자가 페이지의 아무 곳이나 클릭 할 때 숨기기를 해제하려고합니다. 입력 상자를 클릭하는 것과 같이 특정 페이지 요소 만 설정할 수 있다면 더 좋을 것입니다.jQuery Mobile (1.1) : 고정 된 탐색 막대 숨기기 해제

웹 (예 : $.fixedToolbars.setTouchToggleEnabled(false);)에서 찾은 많은 방법을 시도했지만 그 중 아무 것도 작동하지 않았습니다. 아마도 1.1 버전 때문일 것입니다. 여기에서 나의 예를 확인할 수 있습니다 : http://jsfiddle.net/Leqpw/

답변

10

고정 된 도구 모음을 사용하지 않도록 설정하는 방법은 JQM v 1.0.x입니다. 이 기능을 비활성화하는 방법에는 여러 가지가 있습니다.

가장 간단한 방법은 툴바에 data-tap-toggle = "false"를 추가하는 것입니다. 그러나 프로젝트에서 여러 번 복사하여 붙여 넣기를 원한다면 다른 방법을 시도해보십시오. 특정 요소가이 동작을 무시할 수 있도록

$('[data-position=fixed]').fixedtoolbar({ tapToggle:false});

또한 구성 할 수 있습니다.

$('[data-position=fixed]').fixedtoolbar({ tapToggleBlacklist: "a, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" })

업데이트는보다 완전한 답변에 대한 더 많은 정보를 추가했습니다.

+0

왜 투표가 종료 되었습니까? ... 어쨌든, 덕분에, 이것은 매력처럼 작동하고 또한 선택적으로 숨기기를 비활성화 할 수있는 능력을 제공합니다. –

9

당신이 당신의 헤더

data-tap-toggle="false" 

멀리 갈 것입니다 탭 토글에 다음 속성을 추가하기 만하면됩니다.

관련 문제