0

我试图在我的网络应用程序中获得一个 mobiscroll 滚动器。我尝试按照他们在这里找到的最基本的教程:http: //docs.mobiscroll.com/25并且我没有得到任何显示。当谈到 javascript 时,我是一个超级大的菜鸟,我觉得我无法通过三行教程。这是一些代码:

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

1 回答 1

1

您必须在 head 部分(在 jquery 之后)包含下载的 mobiscroll js 和 css 文件。此外,将您的初始化代码移到结束标记之前</body>

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

<!--Mobiscroll-->
<link href="css/mobiscroll.custom-2.5.0.min.css" rel="stylesheet" type="text/css" />
<script src="js/mobiscroll.custom-2.5.0.min.js" type="text/javascript"></script>

</head>
于 2013-04-16T06:37:55.633 回答