jquery-ui.min.js 是啥?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery-ui.min.js 是啥?相关的知识,希望对你有一定的参考价值。

jQuery UI 是以 jQuery 为基础的开源 javascript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。而且是精简版的。追问

jquery.noty.js也是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。用noty 插件创建 alert, success, error and confirmation 信息提示框时,必须先引用jquery.noty.js,那么用什么插件做什么特效时引用jQuery UI ?

追答

用户交互组件
Draggable 拖动、Droppable 放置、Resizable 缩放、Selectable 复选、Sortable 排序。
可视控件
包括Accordion 折叠面板、Datepicker 日期选择、Dialog 对话框、Progressbar 进度条、Slider 滑块、Tabs 标签页。

参考资料:http://jqueryui.net/

参考技术A 对javascript进行封装的框架,包括元素获取,操作,事件绑定,基本动画和特效等。
你这个 是简版
参考技术B 插件,回答完毕...

时间插件

 ‘/Scripts/Vendor/jquery-ui/jquery-ui.min.js‘,

    <link href="/Content/common/jquery-ui.min.css" rel="stylesheet" />

HTML部分:
<div class="form-group">
<label class="nowDate col-md-2 control-label" >项目开始日期:</label>
<div class="col-md-4">
<input type="text" class="datepicker form-control col-md-3" placeholder="请输入项目开始时间">
</div>
</div>


js部分:
$scope.openModal = function (id) {
var modalInstance = $uibModal.open({
templateUrl: id,
controller: function ($scope, $uibModalInstance) {
//懒加载,时间插件
$timeout(function () {
angular.element(‘.datepicker‘).datepicker();
}, 100);
$scope.ok = function () {
$uibModalInstance.close(‘closed‘);
}
$scope.cancel = function () {
$uibModalInstance.dismiss(‘cancel‘);
}
},
size: ‘lg‘,

});

}

以上是关于jquery-ui.min.js 是啥?的主要内容,如果未能解决你的问题,请参考以下文章

利用插件(jQuery-ui.js)实现表格行的拖拽排序

时间插件

jquery日期插件jquery.datePicker参数

Spring工程视图中如何引入css和js样式

this.source 不是函数。 jquery-ui 出错

PHP+jQuery-ui拖动浮动层排序并保存到数据库实例