jQuery-UI为我们提供了一个非常便捷的拖拽方法：draggable()，在使用此方法时，我们可能会希望控件只在某一区域中移动，不能被拖出边界，这样的话我们可以使用下面的方法： 调用draggable()时： 上述代码是将element的拖拽范围限制在background之中。 draggabl ...
分类：
移动开发 时间：
2018-01-03 17:27:33
阅读次数：
216
前言 关于讲解 JS 的拖拽功能的文章数不胜数，我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。这是我在编写插件时遇到的问题，其实很多插件的拖拽功能并没有处理这些细节，经过翻阅 jquery ui 的源码才找到答案。 拖拽实现 关于拖拽功能不再啰嗦 ...
分类：
Web程序 时间：
2017-12-31 22:27:05
阅读次数：
946
1.UI.Layout jQuery UI布局插件 官方网站：http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局。布局可以创建任何你想要的UI外观; 从简单的标题或侧边栏到具有工具栏，菜单，帮助面板，状态栏，子表单等的复杂 ...
分类：
Web程序 时间：
2017-12-17 23:52:39
阅读次数：
264
点击后页面aaaa的值并不会 改变为 1 因为 wx.chooseImage 这个方法是微信的API， 并不在angular context里面，没有调用apply方法。 $apply方法使用情景：AngularJS 外部的控制器（DOM 事件、外部的回调函数如 jQuery UI 空间等）调用了 ...
分类：
Web程序 时间：
2017-12-07 18:59:30
阅读次数：
416
Jquery UI的autocompelete改写 注意：实现功能，除了原版的自动补全内容外，增加一个点击显示所有选项，样式能动态设置。 加载数据的来源为后台数据库读取。 具体代码如下： 引用 从官方下载插件包地址 http://jqueryui.com/download/ 我这里只选择了Autoc ...
分类：
Web程序 时间：
2017-11-24 16:58:43
阅读次数：
665
jquery ui sortable 使用实例 最近公司需要做任务看板，需要拖拽效果。 "点击查看效果" 。由于网站是基于vue的技术栈，最开始找了一个现成的vue封装的拖拽组件： "Vue.Draggable" ，该组件是基于sortable封装的。但是由于使用的原生html5的拖拽属性，导致拖拽 ...
分类：
Web程序 时间：
2017-11-18 18:55:47
阅读次数：
253
使用jsplumb构建流程图模型时，有一个需求要求，选项可以从选项表中拖拽到指定容器，并且两个选项要接触到的时候才能连接起来，不接触不能连接。效果图如下 略丑～ 因为这里用到了拖拽，拖放功能，所以用到的有jquery，jquery-ui，jsplumb，考虑到兼容ie8，用到的是jsplumb-1. ...
分类：
Web程序 时间：
2017-11-17 21:04:38
阅读次数：
421
dialog中只要加上 就能解决后端无法获取asp.net控件的值，同时解决了 启动模式对话框时无法操作对话框。 jquery ui dialog代码： DIV代码： 或者可使用 可以解决后端获取控件值，但不能解决模式对话框的问题。 ...
分类：
Web程序 时间：
2017-11-17 13:27:34
阅读次数：
174
1.安装jquery 2.配置 webpack 找到 build/webpack.base.conf.js 文件。 在开头 添加 3.在main.js 中引入jquery import 'jquery' 4. eslint 检查 在 根目录下 找到 文件 .eslintrc.js ok 这样就可以使 ...
分类：
Web程序 时间：
2017-11-16 15:50:52
阅读次数：
221
在使用jquery-ui的拖拽功能对列表内的选项拖拽时，发现无法将选项拖拽出列表的范围，一出范围就自动隐藏在列表下，查找到最后的原因是css中的overflow的原因，overflow存在则不能将选项拖拽出列表，解决办法 以上仅作总结。 ...
分类：
其他好文 时间：
2017-11-13 18:32:25
阅读次数：
342
