jQuery Mobile의 초기화 events_jquery에 대한 간략한 분석

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

Jquery Mobile이 실행되기 시작하면 문서 객체에서 mobileinit 이벤트가 로드된 후 즉시 트리거되므로 Jquery Mobile이 로드되기 전에 이벤트 핸들러를 바인딩해야 하므로 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>