jQuery Mobile 초기화 이벤트 사용법(자세한 사례설명)

이번에는 jQuery Mobile 초기화 이벤트 사용법(자세한 사례 설명)을 가져오겠습니다. jQuery Mobile 초기화 이벤트 사용 시 주의사항은 무엇입니까? 다음은 실제 사례입니다.

jQuery Mobile에는 jQuery의 document.ready 이벤트 이전에도 로드되는 초기화 이벤트가 포함되어 있습니다. jQuery Mobile은 실제로 문서 객체 자체에 대한 초기화 이벤트를 실행하며, 실행된 첫 번째 이벤트는 mobileinit입니다.

Jquery Mobile이 실행되기 시작하면 문서 객체에서 mobileinit 이벤트가 로딩 직후에 발생하기 때문에 Jquery Mobile이 로딩되기 전에 event Handling 함수를 바인딩해야 하므로 권장됩니다. js 참조 순서를 다음과 같이 정렬하세요

<script src="Jquery.js"></script>
<script src="您自己的js文件"></script>
<script src="Jquery-mobile.js"></script>

mobileinit 이벤트를 확장하려면 먼저 맞춤 함수로 바인딩해야 합니다. mobileinit 이벤트는 기본 구성(전역 옵션)을 재정의하기 위해 바인딩 메서드를 사용하여 확장될 수 있습니다.

$(document).bind("mobileinit", function(){
//覆盖的代码
});

이벤트를 바인딩하는 함수 내에서 $.mobile 객체의 $.extend 메소드를 사용하여 기본 매개변수 값인

$(document).bind("mobileinit", function(){
　$.extend( $.mobile , {
　foo: bar
　});
});

를 구성하거나 별도로 설정할 수 있습니다.

$(document).bind("mobileinit", function(){
　$.mobile.foo = bar;
});

$.mobile 객체는 모든 속성 설정의 시작점입니다

<script type="text/java script" src="/scripts/jquery-1.6.min.js"></script>
<script type="text/java script">
$(document).bind("mobileinit", function(){
$.mobile.defaultTransition = "slidedown";
$.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交
$.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交
$.mobile.ajaxEnabled = false; //禁用Ajax提交
});
</script>
<script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요. !

추천 자료:

모바일 프레임워크에서 양식 구성 요소를 사용하는 방법

jQuery Mobile과 Kendo UI를 사용할 때의 차이점은 무엇입니까?

도메인 간 비동기 파일 업로드를 구현하는 단계에 대한 자세한 설명 Jquery와 함께

위 내용은 jQuery Mobile 초기화 이벤트 사용법(자세한 사례설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!