0
我想要在我的web應用程序中獲得一個mobiscroll滾動。我試着按照他們在這裏找到的最基本的教程:http://docs.mobiscroll.com/25,我什麼都沒有出現。當談到JavaScript時,我是一個超級巨大的noob,並且覺得自己無法通過三線教程。下面是一些代碼:Mobiscroll,我不能得到一個基本的滾動顯示
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<!-- Bootstrap -->
<link href="http://universitylunchbox.com/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="http://universitylunchbox.com/static/css/bootstrap-responsive.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://universitylunchbox.com/static/js/bootstrap.min.js"></script>
<style>
...
</style>
...
<input id="scroller" name="scroller" />
...
</body>
<script type="text/javascript">
...
//google analytics stuff
...
$(function(){
// create a datetimepicker with default settings
$("#scroller").mobiscroll().datetime(); // Shorthand for: $("#scroller").mobiscroll({ preset: 'datetime' });
});
</script>
</html>
所以看起來我有jQuery Mobile的JS包括或不工作。唯一的問題是,jQuery手機將這種愚蠢的「加載」文本添加到頁面底部和一些奇怪的黃色水平線文物。我包含了移動jquery樣式表,並負責處理工件和加載文本,但它覆蓋了很多我的自定義CSS。 –
如果您將jquery mobile的mobiscroll作爲選定的框架下載,您只需要包含jquery mobile js和css。如果你沒有在你的項目中使用jquery mobile,再次用jquery作爲框架下載mobiscroll(http://download.mobiscroll.com/#/datetime/animation/jquery) – dioslaska
完美。謝謝。 –