mobiscroll timepicker功能

你好，我是新來的mobiscroll演示，我想弄清楚它們是如何工作的。爲了練習，我只是想讓他們的時間選擇器工作，但我有一些問題。如果有人能夠在代碼中向我指出問題，我將不勝感激。mobiscroll timepicker功能

<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>

來源

2012-12-04 eve007

你有沒有在控制檯中的錯誤？也許那些說'$沒有定義'的東西？如果是這樣，這意味着你已經省略了jQuery引用（看起來可能），所以你需要添加''在mobiscroll腳本之前。 –

<!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>

我想你失蹤的mobiscroll JavaScript和CSS庫。

我已經實現了上面的代碼here

我用從this site的CSS和JS mobiscroll作爲 CDN

請繼續通過他們的教程從mobiscroll blog

來源

2013-04-25 14:53:16

mobiscroll timepicker功能

回答

相關問題