0

您好，我是 mobiscroll Demos 的新手，我正在尝试弄清楚它们是如何工作的。为了练习，我只是想让他们的时间选择器之一工作，但我遇到了一些问题。如果有人可以在代码中向我指出问题，我将不胜感激。

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

1 回答 1

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>

我猜你错过了 mobiscroll javascript 和 css 库。

我在这里实现了上面的代码

我已将此站点中的 css 和 js mobiscroll用作 cdn

请从mobiscroll 博客阅读他们的教程

于 2013-04-25T14:53:16.857 回答