資源描述:
《jQuery UI 總結(jié)》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、JQueryUI總結(jié)Draggable拖放:組件:jQuery-1.3.2.jsui.core.jsui.draggable.js例子: $(“#draggable”).draggable();屬性:addClass:true/false阻止拖放元素的時候添加樣式,默認trueappendTo:Element,Selector拖放元素拖放去處.默認‘parentaxia:String空間上沿X軸,還是Y軸拖放默認’false’只能選‘x’,‘y’一個cancel:Selector阻止拖放某些元素默認‘input,option’$('.selector').draggable({ca
2、ncel:'button'});connectToSortable:Selector可以把復制后的對象元素直接動態(tài)添加到ul#myList上去..默認false$('.selector').draggable({connectToSortable:'ul#myList'});Containment:Selector,Element,String,ArrayDefault:false把拖放的對象固定在一個區(qū)域中拖放,如parent,document.window,[x1,y1,x2,y2],重要屬性.$('.d7').draggable({containment:'#myList'}
3、)Cusor:stringDefault:’auto’改變拖放時候的鼠標樣式,樣式詳見CSScursor:屬性,常用crosshair,and…CusorAtObjectDefault:false設(shè)置拖動時候鼠標一直會所在的位置..top,left,right,bottom$(“.selector”).draggable({cursorAt:{left:5}});QQ121914336作者JSbasicDelayIntegerDefault:0停頓多少毫秒后按住鼠標才能拖動元素..$(“.selector”).draggable({delay:500})DistanceIntege
4、rDefault:1,鼠標移動元素之前必須要動多少的距離,也就是鼠標上來必須移動200px,元素才能動$(“.selector”).draggable(‘distance’,’200’);GridArrayDefault:false網(wǎng)格坐標形狀的移動.等于說每次移動left:50,top:20;$('.d5').draggable({grid:[50,20]});HandleElement,SelectorDefault:false嚴格限制拖拽的對象為
元素$(‘.selector’).draggable({hande:’h2’})HelperString,FunctionD
5、efault:’original’拖動的時候可以看見對象的一個副本,而不是拖動本身..original不出現(xiàn)副本..$(‘.selector’).draggable({helper:’clone’})iframeFixBoolean,SelectorDefault:false位置屬性,不過是用在框架上的..OpacityFloatDefault:false當拖動的時候透明度改變…$(‘.selector’).draggable({opacity:0.25});refreshPositionBooleanDefautl:false未知應(yīng)用屬性RevertBoolean,StringD
6、efault:false如果設(shè)置為true,當拖動的時候這個元素將會返回它的原始位置,string類型’valid’,’invalid’如果設(shè)置成invalid,如果拖放元素落在droppable上revert將會出現(xiàn),若為valid,其他方式…$(“.selector”).draggable({revert::true})ReverDurationIntergerDefault:500/*返回原來的單位所花的時間,要和revert:true合用..*/$('.d5').draggable({revertDuration:100,revert:true})ScopeStringDe
7、fault:true用來設(shè)置拖放和投放元素組,拖放元素和投放元素間相互轉(zhuǎn)換...也不知道是干啥的...*/未知應(yīng)用屬性,ScrollBooleanDefault:true;QQ121914336作者JSbasic/*如果設(shè)置為true,容器在拖放的時候自動滾動,汗...*/scrollSensitivityIntergerDefault:20/*搞不懂Scroll屬性是干什么的….*/scrollSpeedIntegerDefault:20/*未知*/SnapBool