2012-11-26 4 views
0

나는 jQueryMobile을 얻을 수 없다 - DateBox 실행합니다. 그것은 전혀 표시되지 않으며 일부 JS 오류가 발생합니다.jQuery를 모바일 datebox 실행 (형식 오류를 : a.mobile.datebox가 정의되지 않은) 얻을

헤더 : 여기 내 코드입니다

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<link rel="stylesheet" href="css/jquery.mobile.structure-1.2.0.min.css" /> 
<link rel="stylesheet" href="css/jqm-datebox-1.1.0.min.css" /> 
<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script> 
<script type="text/javascript" src="js/jqm-datebox-1.1.0.mode.calbox.min.js"></script> 
<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.de.utf8.js"></script> 

바디 :

<form id="formular" name="formular" method="post" action="enquiry.php"> 
    <table> 
    <tr> 
     <td>Arrival</td> 
     <td><input name="arrival" id="frm_arrival" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="<?php echo $arrival; ?>" /></td> 
    </tr> 
    <!-- .... --> 
    </table> 
</form> 

날짜 선택기가 표시 및 방화범이 나에게 다음과 같은 오류가 제공되지 않습니다

TypeError: a.mobile.datebox is undefined 
TypeError: jQuery.mobile.datebox is undefined 

오류해야을 jquery.mobile.datebox.i18n.de.utf8.js의 11 번째 줄에있다. 다음 행이 있습니다.

jQuery.extend(jQuery.mobile.datebox.prototype.options.lang, { 

오류를 찾을 수 없습니다. jQuery 충돌입니까? jQueryMobile - DateBox 잘못된 방법을 사용하고 있습니까? 내가 뭘 잘못하고있어?

+0

는 모든 파일로드 .. 즉 없음 404 오류를? – ajtrichards

+0

@ socialrel8 : 404 오류가 없습니다. – testing

답변

0

전환이 두 줄, 내가 추측하고있어 첫 번째는 두 번째에 따라 달라집니다 여기에

<script type="text/javascript" src="js/jqm-datebox-1.1.0.mode.calbox.min.js"></script> 
<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.de.utf8.js"></script> 

:

당신은 포함 할 필요가

<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.de.utf8.js"></script> 
<script type="text/javascript" src="js/jqm-datebox-1.1.0.mode.calbox.min.js"></script> 

편집 헤더의 실제 datebox 파일 독일어 버전은 번역본입니다. 그것은 datebox plugin 자체를 포함하지 않습니다.

과 같이 스크립트 태그를 정렬 :

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="jquery.mobile-1.2.0.min.js"></script> 
<script type="text/javascript" src="jquery.mobile.datebox-something-something.js"></script> 
<script type="text/javascript" src="jqm-datebox-1.1.0.mode.calbox.min.js"></script> 
<script type="text/javascript" src="jquery.mobile.datebox.i18n.de.utf8.js"></script> 
+1

또한, 그 좋은 방법은 링크 된 JS 파일 전에 모든 외부 스타일 시트를 호출합니다. – honyovk

+0

나는 이것을 시도했지만 아무 것도 바뀌지 않았다. 더 많은 솔루션? – testing

+0

@testing - 당신은 내가 엉망 수 있도록 웹에 그것을 넣어 시도 할 수 있습니다, 더 나은 사이트를 참조해야합니다? – PitaJ