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