随笔分类 -  jQuery UI

摘要：编写html代码，看了下draggable参数的各种效果。包括以下参数：1。jQuery("#draggable").draggable();2。jQuery("#draggable1").draggable({cursorAt:{cursor:"move",top:56,left:56}}); jQuery("#draggable2").draggable({cursorAt:{cursor:"crosshair",top:-5,left:-5}}); jQuery("#dragga 阅读全文

摘要：JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动.Draggable的元素受影响css: ui-draggable, 拖动过程中的css: ui-draggable-dragging.如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标.所有的回调函数(start, stop, drag等事件)接受两个参数: event: 浏览器原生的事件ui: 一个JQuery的ui对象, 其中有以下主要属性ui.helper: 正在拖动的元素的JQuery包装对象, ui.helper. 阅读全文

摘要：·概述 resizable插件可以让选中的元素具有改变尺寸的功能。 官方示例地址：http://jqueryui.com/demos/resizable/ 所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象 ui.helper-表示当前被改变尺寸的元素的JQuery对象 ui.originalPosition-表示未改变尺寸之前元素的位置{top,left} ui.originalSize-表示未改变尺寸之前元素的大小{width,height} ui.position-表示当前被改变尺寸的元素的坐标值对象{top,left} ui.si 阅读全文