Question

我正在使用JQuery插件CHOSEN进行多项选择。但它不起作用。它不是创建下拉列表，而且选项是可见的，甚至无法选择它们。

的index.html

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<link href="css/jquery-ui.css" rel="stylesheet">

<script src="lib/ionic/js/ionic.bundle.js"></script>

<script src="cordova.js"></script>

<script src="js/app.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/chosen.jquery.js"></script>

</head>
</html>

selected.html代码：

<head>
<script type="text/javascript">
$(function() {
    $(".chzn-select").chosen();
});
</script>
</head>

<ion-view view-title="Profile">
<ion-content class="padding">

<div>
    <label class="item item-input">
        <div class="input-label">Enter Your Option</div>
            <select class="chzn-select" multiple="true" name="faculty" style="width:1000px;">
                <option value="Option 2.1">Option 2.1</option>
                <option value="Option 2.2">Option 2.2</option>
                <option value="Option 2.3">Option 2.3</option>
            </select>   
    </label>
</div>
</ion-content>
</ion-view>

Answer 1

您的依赖关系不遵循命令。允许X插件依赖于y，因此应首先添加y插件。所以可能的顺序是

<link href="css/style.css" rel="stylesheet">
<link href="css/jquery-ui.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/chosen.jquery.js"></script>
<script src="js/app.js"></script>
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="cordova.js"></script>

检查依赖关系以获取更多详细信息

Answer 2

我复制了你的代码并在本地机器上完成了。试试这个工作

DateTime.Now

所有相同文件夹上的文件.i从此链接下载所有文件 Chosen download Link

查看订单。插件工作非常重要

JQuery插件选择不在我的Ionic应用程序中工作

2 个答案: