Javascript telerik kendoDropDownList在手机上显示项目，就像一张操作表

我试图呈现一个kendodropdownlist，如下面的示例：，但它在移动设备上显示的项目与actionsheet类似，与dropdownlist不同。（请参见末尾的“我的屏幕”链接）

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>

这是我的index.html标题：

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>

我的看法是：

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>

<div data-role="view" data-title="home" data-layout="main" data-model="APP.models.home">
    <h1 data-bind="html: title" style="color:white;"></h1>
    </br>
    <!--   <input id="near-km2" />-->
    <select id="near-km2" class=".k-dropdown">
        <script>
            var kmData = [{
                    text: "5km",
                    value: "5"
                }, {
                    text: "10km",
                    value: "10"
                },
                {
                    text: "25km",
                    value: "25"
                },
                {
                    text: "50km",
                    value: "50"
                }];

            $("#near-km2").kendoDropDownList({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: kmData,
                index: 1
            });
        </script>
</div>

var kmData=[{
文字：“5公里”，
值：“5”
}, {
文字：“10公里”，
值：“10”
},
{
文字：“25公里”，
值：“25”
},
{
文字：“50公里”，
值：“50”
}];
$（“#近平方公里”）。kendoDropDownList({
dataTextField:“文本”，
dataValueField:“值”，
数据源：kmData，
索引：1
});

我的代码有什么问题

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>

我的屏幕：

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>

我将感谢你的帮助

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>