JQuery插件选择不在我的Ionic应用程序中工作
JQuery plugin Chosen not working in my Ionic app
我使用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>
chosen.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>
您的依赖关系没有按顺序排列。让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>
有关订购的更多详细信息,请检查的依赖关系
我复制了您的代码,并在本地机器上完成了这项工作。试试这个它工作
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="plugin_CHOSEN.aspx.cs" Inherits="DATATABLE_plugin_CHOSEN" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="prism.css" rel="stylesheet" type="text/css" />
<link href="chosen.css" rel="stylesheet" type="text/css" />
<script src="jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="chosen.jquery.js" type="text/javascript"></script>
<script src="prism.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".chzn-select").chosen();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<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>
</div>
</form>
</body>
</html>
所有文件都在同一个文件夹中。我从这个链接下载所有文件选择下载链接
查看订单。这对插件的工作非常重要
相关文章:
- 在Ionic应用程序上使用$.getScript加载谷歌地图Api
- Ionic应用程序无法识别android手机中的语音
- 将JSON存储和恢复到此Ionic应用程序的最有效方法
- Ionic应用程序在部署后给出ReferenceError:未定义Promise
- 如何将我的Ionic应用程序与我的java服务器(Spring MVC)连接
- 我需要Angular/Ionic应用程序的帮助
- 我怎么能在IONIC应用程序中使用Json对象而不是硬编码对象呢
- 在Ionic应用程序中发送电子邮件会导致以下错误:TypeError:$cordovaEmailComposer.isA
- Ionic应用程序的Webview
- 带有angularjs的ionic应用程序
- 如何启用ionic应用程序和浏览器之间的通信
- Ionic应用程序在chrome和设备方面落后了很多
- JQuery插件选择不在我的Ionic应用程序中工作
- 如何使用cocoonjs-webview+构建ionic应用程序
- Ionic应用程序使用angularJS过滤器非常慢
- 如何在ionic应用程序中正确实现单点登录
- iOS 中的 Ionic 应用程序无法使用 cordova 插件媒体播放本地音频
- 如何使用 REST API 将表单数据从 ionic 应用程序发送到 parse.com MBaaS
- 超薄的开机自检呼叫无法从 Ionic 应用程序工作
- ngCordova$cordovaZip不解压缩,Ionic应用程序