Jquery mobile 페이지 점프 js 실행 불가 문제 등 작은 문제 요약

2517 단어 JQuery Mobile
몇 가지 방안 이 있 습 니 다.
1. 두 가지 방법 으로 해결 할 수 있 습 니 다. 하 나 는 index 페이지 에서 사용 해 야 할 외부 JS 파일 을 등록 하거나 모판 페이지 를 사용 하여 통일 하 는 것 입 니 다.둘째, 페이지 내부 JS 를 data - role = "page" 탭 에 쓰 면 페이지 가 아무리 뛰 어도 실행 할 수 있 습 니 다.
2. 아 약 스 효과 닫 기:
 
ajxa 점프 금지 두 가지 상황:
1. 부분 ajax 점프 금지
2. 전역 ajax 점프 금지
\ # 1 에 대해 서 는 a 탭 에 아래 속성 만 추가 하면 됩 니 다:
data-ajax=“false”

때때로 우 리 는 Ajax 요청 대신 정상 적 인 http 요청 을 사용 해 야 합 니 다. 예 를 들 어 다른 사이트 에 링크 하 는 등 상황 입 니 다.a 탭 에 아래 속성 을 추가 하면 링크 를 정상 적 인 http 요청 으로 지정 할 수 있 습 니 다.
rel=external

\ # 2 에 대해 서 는 ajax 점프 를 금지 하 는 전역 적 인 방식 을 설정 해 야 합 니 다. js 코드 는 다음 과 같 습 니 다.
$(document).bind("mobileinit", function() {
			// disable ajax nav
			$.mobile.ajaxEnabled=false
		});

메모: 위의 코드 세 션 은 jquery. mobile - xxx. min. js 가 도입 되 기 전에 놓 아야 합 니 다.
참고 로 초기 화 된 설정 은 모두 여기에 두 어야 합 니 다. 예 를 들 어 잘못된 정 보 를 불 러 오 는 설정 입 니 다.
$.mobile.pageLoadErrorMessage = 'Sorry, something went wrong. Please try again.';

3. jquery mobile 팝 업 창
다음 코드 는 페이지 에 기록 합 니 다: 홈 페이지 페이지 페이지 뒤에 놓 으 십시오.

동작 알림 < / p > < / div >

< p > 알림 내용 < / p >
확인 < / a >


 
 
여기 data - role 은 page 가 아니 라 dialog 로 바 뀌 었 습 니 다.
호출 방식: $. mobile. changePage ('\ # dialog', 'pop', true, true);
예:
function SetCallBack(res) { 
    if (res != null) {
        if (res == "ok") {
            $("#psubmitok").html("    ,            。");
            $.mobile.changePage('#dialog', 'pop', true, true);
        }
        else {
            $("#psubmitok").html("     ,       。");
            $.mobile.changePage('#dialog', 'pop', true, true);
        }
    }
}

 

좋은 웹페이지 즐겨찾기