2012-12-04 3 views
0

안녕하세요 저는 mobiosroll 데모를 처음 사용하고 있으며 어떻게 작동하는지 알아 내려고하고 있습니다. 연습을 위해 나는 timepicker 중 하나를 작동 시키려고했지만 몇 가지 문제가 있습니다. 누군가가 코드에서 저에게 문제를 지적 할 수 있다면 고맙겠습니다.mobiscroll timepicker function

<html> 
<head> 

<script src="jqmobi.js"></script> 


<script text/javascript> 
$(function(){ 
    $('#i').scroller({ 
     preset: 'time', 
     theme: 'ios', 
     display: 'bottom', 
     mode: 'scroller' 
    });  

    $('#show').click(function(){ 
     $('#i').scroller('show'); 
     return false; 
    }); 
    $('#clear').click(function() { 
     $('#i').val(''); 
     return false; 
    }); 
}); 

</script> 

</head> 

<body> 
<input id="i" name="i" /> 


<a href="#" id="show" class="btn">Show</a> 
<a href="#" id="clear" class="btn">Clear</a> 
</body> 
+0

mobiscroll blog에서 자신의 튜토리얼을 통해 이동하여 주시기 바랍니다

CDN

this site에서 CSS와 JS mobiscroll을 사용한 위의 코드 here

을 구현 한 ? 아마도'$가 정의되지 않았습니다 '라고 말하는 사람들일까요? 그렇다면 jQuery 참조를 생략했다는 것을 의미하므로'' mobiscroll 스크립트 전에. –

답변

1
<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<link href="http://cdn-dev.aldu.net/jquery.mobiscroll/latest/jquery.mobiscroll.min.css" rel="stylesheet" type="text/css" /> 
<script src="http://cdn-dev.aldu.net/jquery.mobiscroll/latest/jquery.mobiscroll.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
$(function(){ 
    $('#i').scroller({ 
     preset: 'time', 
     theme: 'ios', 
     display: 'bottom', 
     mode: 'scroller' 
    });  

    $('#show').click(function(){ 
     $('#i').scroller('show'); 
     return false; 
    }); 
    $('#clear').click(function() { 
     $('#i').val(''); 
     return false; 
    }); 
}); 
    </script> 
    </head> 
    <body> 
<input id="i" name="i" /> 
<a href="#" id="show" class="btn">Show</a> 
<a href="#" id="clear" class="btn">Clear</a> 
</body> 
</html> 

난 당신이 자바 스크립트와 CSS 라이브러리 mobiscroll 누락 된 것 같아요.

난 당신이 콘솔에 오류가 있나요 내가