要想達(dá)到自定義顯示表格框的目的比如顯示圖片,超鏈接,按鈕的形式,只需要給列添加formatter屬性即可,比如顯示圖片:columns:[[{field:'IName',title:'顯示名稱',width:50},//checkbox。多選框的列{field:'Iurl',title:'圖片',width:80,formatter:function(value,row,index){return"
系統(tǒng) 2019-08-12 01:33:37 2235
這里所說(shuō)的彈出消息指的是在網(wǎng)頁(yè)右下角升起又下去的那種框框,在這里用到了jQuery的自定義動(dòng)畫,感覺(jué)這個(gè)自定義動(dòng)畫就是像flash里的形狀和漸變動(dòng)畫一樣,只要定義了開頭和結(jié)尾的兩個(gè)關(guān)鍵幀,中間的動(dòng)畫過(guò)程會(huì)自動(dòng)完成,不用會(huì)jQuery的可去查下jQuery的幫助文檔.基本思路是這樣子滴:首先彈出消息框其實(shí)就是一個(gè)div層,頁(yè)面加載完了以后我們應(yīng)該通過(guò)CSS把div層定位到頁(yè)面右下角的下方,并且把他隱藏起來(lái),然后當(dāng)我們點(diǎn)擊頁(yè)面中的按鈕的時(shí)候就觸發(fā)動(dòng)畫函數(shù),di
系統(tǒng) 2019-08-29 23:40:54 2234
最近專注研究jQueryMobile——一款很方便就可以把WebApp包裝成適合Android與iPhone等觸屏移動(dòng)設(shè)備的Javascript庫(kù),結(jié)合jQueryMobile與HTML5,可以很方便的開發(fā)出一款具有良好界面及用戶體驗(yàn)的WebApp,在這個(gè)過(guò)程中我收獲良多,因此決定針對(duì)使用jQueryMobile與HTML5開發(fā)WebApp寫一個(gè)系列的文章。在開始之前,我首先簡(jiǎn)述WebApp與原生App各自的優(yōu)缺點(diǎn)。一.WebApp與原生App的優(yōu)缺點(diǎn)1.
系統(tǒng) 2019-08-29 23:21:36 2234
通常在web應(yīng)用或者網(wǎng)站中,我們使用鼠標(biāo)來(lái)控制元素或者執(zhí)行導(dǎo)航,相對(duì)于桌面應(yīng)用來(lái)說(shuō),使用web應(yīng)用的快捷鍵次數(shù)可能會(huì)相對(duì)比較少,但是對(duì)于熟練的專業(yè)人員來(lái)說(shuō),使用鍵盤可能更加容易并且更加快速,在今天這篇文章中,我們收集了10個(gè)jQuery的插件,幫助你創(chuàng)建各種基于鍵盤事件的web應(yīng)用,相信大家會(huì)喜歡的!1.MousetrapMousetrap是一個(gè)超簡(jiǎn)單的處理鍵盤快捷鍵的類庫(kù),壓縮有只有1.6kb大小,并且不依賴任何的外部類庫(kù)。你使用的主要就是綁定方法。它會(huì)
系統(tǒng) 2019-08-29 22:36:06 2234
1.在頁(yè)面加載后執(zhí)行任務(wù)1.1代碼執(zhí)行的時(shí)機(jī)選擇$('document').ready()指頁(yè)面的DOM加載完成后執(zhí)行、并不意味著關(guān)聯(lián)的文件都下載完畢window.onload指頁(yè)面上所有元素都加載完成后執(zhí)行1.2基于一個(gè)頁(yè)面執(zhí)行多個(gè)腳本$('document').ready()可以向內(nèi)部的行為隊(duì)列中添加函數(shù)、并按照添加的次序執(zhí)行1.3縮短代碼的簡(jiǎn)寫方式:$()函數(shù)1)當(dāng)不傳遞參數(shù)給它時(shí)、默認(rèn)傳遞了document參數(shù)示例:$(document).read
系統(tǒng) 2019-08-29 22:33:04 2234
jQueryserialize模塊是對(duì)象數(shù)組序列化模塊。首先我們先看一下《JavaScript高級(jí)程序設(shè)計(jì)》中的序列化函數(shù),專門用于form參數(shù)序列化的。serialize函數(shù)functionserialize(form){varparts=[],field=null,i,len,j,optLen,option,optValue;for(i=0,len=form.elements.length;i
系統(tǒng) 2019-08-12 01:33:30 2234
隨著越來(lái)越多的開發(fā)人員開始開發(fā)jQuery插件,所以我們隨時(shí)都有可能遇到很爛的插件開發(fā)“成果”。沒(méi)有在線演示,沒(méi)有文檔,或者插件沒(méi)有遵循最佳編碼實(shí)踐。但是對(duì)于閱讀這篇文章的朋友來(lái)說(shuō),你很幸運(yùn),因?yàn)檫@里我們將介紹14個(gè)jQuery插件開發(fā)中最容易犯的錯(cuò)誤。希望大家會(huì)覺(jué)得有幫助!隨著jQuery的廣泛使用,每天都出現(xiàn)很多新的插件,但是問(wèn)題在于很多插件真不怎么樣。以前我們介紹過(guò)10個(gè)幫助你創(chuàng)建超棒jQuery插件的小技巧,在今天這篇文章中,我們將專注于jQuer
系統(tǒng) 2019-08-12 09:29:51 2233
沒(méi)用插件時(shí)的效果如下,這是在IE6下預(yù)覽的結(jié)果,層的z-index不管設(shè)置多大都沒(méi)用,select元素還是會(huì)在層上的用了插件后的效果select元素會(huì)自動(dòng)隱藏,當(dāng)層消失會(huì)又會(huì)自動(dòng)顯示,此插件用法很簡(jiǎn)單:$(".board").bgiframe();//解決ie6下select元素會(huì)在上面的問(wèn)題之前記得先導(dǎo)入相應(yīng)的JQUERY文件及插件,下面附上源碼,源碼中的那個(gè)彈出窗口的樣式是自己對(duì)著效果圖用CSS自己一點(diǎn)一點(diǎn)做的,CSS有時(shí)候真的很煩。。。消滅IE6,人
系統(tǒng) 2019-08-29 23:40:47 2232
以下任意均可:1.jQuery模擬原生態(tài)App上拉刷新下拉加載效果代碼,鼠標(biāo)上拉時(shí)會(huì)顯示loading字樣,并且會(huì)模擬加載一條靜態(tài)數(shù)據(jù),支持觸屏設(shè)備使用。原文:http://www.sucaijiayuan.com/Js/other/1055.html下載:jQuery模擬原生態(tài)App上拉刷新下拉加載效果代碼2.jqueryiscroll上拉下拉加載內(nèi)容原文:http://www.kuitao8.com/20150113/3462.shtml下載:jque
系統(tǒng) 2019-08-29 23:32:29 2232
今天開始,“使用jQueryMobile與HTML5開發(fā)WebApp”的系列文章將會(huì)繼續(xù),這次要介紹的是jQueryMobile的內(nèi)容格式部分,這也是jQueryMobile的組件部分,包含了基本HTML樣式(BasicHTMLstyles),主題內(nèi)容(Themingcontent),可折疊內(nèi)容塊(Collapsiblecontentblocks),折疊組(Collapsiblesets),網(wǎng)格布局(Layoutgrids),以及一套列表組件(ListVi
系統(tǒng) 2019-08-29 22:41:15 2232
referencehttp://api.jquery.com/jQuery.post/somenotesasfollows:PagesfetchedwithPOSTarenevercached,sothecacheandifModifiedoptionsinjQuery.ajaxSetup()havenoeffectontheserequests.jquery$.postspecification
系統(tǒng) 2019-08-29 22:36:22 2232
開發(fā)緣由自從新浪微博開放平臺(tái)推出以來(lái),各種微博應(yīng)用層出不窮,作為新浪微博的忠實(shí)用戶之一,我也曾開發(fā)過(guò)幾個(gè)微博應(yīng)用,對(duì)于微博發(fā)布應(yīng)用來(lái)說(shuō),有一個(gè)功能是必不可少的,那就是表情。表情功能的實(shí)現(xiàn)雖說(shuō)不難,但卻比較繁瑣,首先要了解新浪微博開放平臺(tái)的表情API,然后通過(guò)某種方式調(diào)用,如果通過(guò)網(wǎng)頁(yè)后臺(tái)代碼直接讀取儲(chǔ)存到JavaScript變量中,又會(huì)拖慢網(wǎng)頁(yè)加載速度,如果采用AJAX讀取,又要解決跨域問(wèn)題,即便成功讀取到表情數(shù)據(jù)了,又必須考慮表情分類,翻頁(yè)等等等等問(wèn)題,
系統(tǒng) 2019-08-29 22:21:34 2232
JQuerydatepicker用法jQueryUI很強(qiáng)大,其中的日期選擇插件Datepicker是一個(gè)配置靈活的插件,我們可以自定義其展示方式,包括日期格式、語(yǔ)言、限制選擇日期范圍、添加相關(guān)按鈕以及其它導(dǎo)航等。官方地址:http://docs.jquery.com/UI/Datepicker,官方示例:http://jqueryui.com/demos/datepicker/。一個(gè)不錯(cuò)的地址,用來(lái)DIYjQueryUI界面效果的站點(diǎn)http://jque
系統(tǒng) 2019-08-29 22:12:17 2232
通常我們總會(huì)遇到這樣的問(wèn)題,在安全站點(diǎn)(HTTPS)中使用C1Wijmo控件時(shí),用戶可能會(huì)收到腳本錯(cuò)誤。發(fā)生這種狀況的是由于我們的CDN鏈接不是https鏈接。解決HTTPS的錯(cuò)誤為了解決上述腳本問(wèn)題,你需要使用本地的腳本文件,而不是使用網(wǎng)上CDN的鏈接。你可以使用以下解決方案之一:解決方案1.在設(shè)計(jì)視圖下,取消選中C1Wijmo控件的SmartTag上的“UseCDN”選項(xiàng)。解決方案2.你可以在網(wǎng)站配置文件中,明確地將該選項(xiàng)設(shè)置為false:
系統(tǒng) 2019-08-12 09:30:26 2232
JQuery選擇器的特點(diǎn):1.簡(jiǎn)化代碼編寫$("#標(biāo)記ID")相當(dāng)于document.getElementById("標(biāo)記ID"),是通過(guò)元素id來(lái)獲取元素對(duì)象。$("標(biāo)記名稱")相當(dāng)于document.getElementByTagName("標(biāo)記名稱"),是通過(guò)元素名稱來(lái)獲取元素組。2.隱式迭代$("標(biāo)記名稱").css("background-color","red");“$("標(biāo)記名稱")”代表頁(yè)面中一組元素;$("標(biāo)記名稱").css("back
系統(tǒng) 2019-08-12 09:30:10 2232