个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试让 Mobiscroll 与 Ionic 配合使用，但似乎无法实现？
这就是我正在尝试做的事情。我已经像这样实现了 jquery 和 mobiscroll:
<!DOCTYPE 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/mobiscroll.custom-2.14.4.min.css" rel="stylesheet" type="text/css" />
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/jquery js -->
<script src="lib/jquery/jquery-1.11.3.js"></script>
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/mobiscroll.custom-2.14.4.min.js"></script>
</head>
<body ng-app="myApp">
<ion-nav-view></ion-nav-view>
</body>
</html>
然后我在我的controllers.js中完成了这个:
angular.module('myApp.controllers', [])
.controller('mobiCtrl', function ($scope) { // create controller for the module
// create function which calculates the age given the birthday as a datetime object
$scope.settings = {
theme: 'ios',
display: 'bottom',
group: true
};
});
最后在我的 start.html 中完成了这个:
<ion-view view-title="Start">
<ion-content ng-controller="MyController">
<div ng-controller="mobiCtrl">
<select ng-model="myselect" mobiscroll-select="settings">
<optgroup label="A">
<option value="Alan">Alan</option>
<option value="Anderson">Anderson</option>
</optgroup>
<optgroup label="E">
<option value="Eva">Eva</option>
<option value="Esther">Esther</option>
</optgroup>
<optgroup label="M">
<option value="Michael">Michael</option>
<option value="Margared">Margared</option>
</optgroup>
</select>
</div>
</ion-content>
</ion-view>
现在，Mobiscroll 未显示，但显示常规选择字段!？
我在网上搜索了这方面的教程，但没有运气......有人成功地将 mobiscroll 与 ionic 集成还是我做的都是错的？
最佳答案
这很可能是因为您还没有注入(inject) mobiscroll select 模块。我知道您提到了 jquery，但我认为您正在尝试角度实现，因为您正在范围上创建一个设置对象。
这将解决您的问题，或者至少让您更近一步:
angular.module('myApp.controllers', ['mobiscroll-select'])
关于jquery - Mobiscroll 和 Ionic 实现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38688791/
25
4
0
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 6年前关闭。 Improve thi
你能告诉我如何反转滚动的方向吗？ 例如，让 mobiscroll 处于 clickpick 模式，单击底部箭头应该在日/月/年中前进。 例如，日期是 17 10 2012 (dd mm yy)。单击月
我正在尝试向 mobiscroll 滚动条添加第三个功能。首先一些解释:我有 4 个定制的轮子，从“0”到“9”。用户可以在此处插入 4 位数字。 除了标准的“取消”(“Abbrechen”)和“添加
场景: 我有一个需要多个时间和选择选择器的表单，为了减少重复，我想出了只有 2 个隐藏输入的计划，一个用于时间，另一个用于选择选择器，然后我有多个链接/buttons 类为 例如“触发时间” HTML
如何使用 mobiscroll 调用 onBeforeShow 事件？ $('#starttime').mobiscroll('setValue', value).time({ the
我使用下面的代码在单击输入类型文本时显示timepicker。有没有办法为时间选择器设置默认值，例如01:00？ $.plugin($afterSubPageLoad,{ end_time_picke
我正在尝试为登陆页面设置一个 mobiscroll 数字选择器，但似乎我做错了什么，因为在滚动上方，我得到一个文本字段，其中写有在 mobiscroll 中选择的数字。 老实说，在网站上我没有找到一个
我在多选方面遇到了一个小问题。我对一周中的几天进行了多项选择:从周日到周六。我收到的(我不知道是因为 Mobiscroll 还是 jQuery-Mobile)是一个字段，正是我想要的，以及一个不需要的
我在选择的表单中使用 mobiscroll，并且在使用静态内容时没有问题，但是... 现在我正在尝试使用 ajax/json 中的动态内容创建 mobiscroll。 这是我正在尝试做的事情: $(d
我在移动文档中找不到如何设置加载时自动滚轮滚动。我有 2 个这样的定制轮子: var whl1 = {'1_Value1':'1_Value1', '1_Value2':'1_
我正在开发一个包含内联滚动器的应用程序。它工作正常，但我想增加 mobiscroll 给出的结果。 我有一个数据库请求，它用选择值填充我的 Mobiscroll，但它只显示我的数据库的前 2 个结果。
对于 Mobiscroll，高度和宽度是在原始 JQuery 实现中设置的。当屏幕尺寸改变时，我目前使用 CSS @media 查询更改宽度和高度。我想知道原始 JQuery 实现是否有办法。 我的
我正在做一个项目，当时我使用的是 mobiscroll 数字键盘。它适用于默认预设。 是否可以制作我自己的预设？ 例如:我想为输入的数字设置一个千位分隔符，但这应该只是可视的，并且设置的值应该没有这些
背景故事: 在我正在做的这个项目中，我有一个代码块(一些表单行)，当用户单击“+添加目的地”按钮时，该代码块会被复制。 用于选择时间的滚动器包含在代码块中，但由于新内容(更多目标输入)是动态添加/创建
我想在我的(面向桌面的)网站上使用 mobiscroll 选择器 ( demo | source )。我有一个基本版本working here 。工作原理是，当您单击顶部的输入时，它会加载(非常性感的
我正在使用 Mobiscroll jquery 插件，但我似乎无法捕获他们的 onClose 事件。有人可以给我一个如何捕获此事件的代码示例吗？没有相关文档。 谢谢 最佳答案 $('input[typ
我正在尝试让 Mobiscroll 与 Ionic 配合使用，但似乎无法实现？ 这就是我正在尝试做的事情。我已经像这样实现了 jquery 和 mobiscroll:
我想知道如何在 mobiscroll 上设置最大日期。我知道我应该使用 maxDate 选项，但我无法找到如何在任何地方格式化字符串。有人可以帮忙吗？ 谢谢 最佳答案 我不熟悉mobiscroll，但
我对移动的东西很陌生，jquery...这是我的情况有一个 asp.net 页面，我正在使用 jquery mobile。一切都是进展顺利。我正在尝试让 mobiscroll 日期/时间选择器按照我想
让 mobiscroll 日期时间选择器工作的唯一方法是禁用 ajax 并从其他文件设置 rel="external"。我想要Jquery的ajax平滑过渡，但我无法让它工作。这就是我设置声明的方式:
我是一名优秀的程序员,十分优秀！