Time of Update: 2017-01-19
在實際項目中,遇到一個問題,首先彈出一個新視窗,新視窗中放了一個TreeView控制項,TreeView控制項的資料繫結在我的上一篇隨筆(TreeView綁定XML資料來源C#程式碼範例)中有講到,現在要解決的是,如何單擊TreeView中一個節點,返回Text和Value到父頁面並關閉該新視窗。 首先,在後台代碼中為TreeView添加屬性onclick以支援TreeView的用戶端事件,代碼如下: 複製代碼 代碼如下: if (!IsPostBack) {
Time of Update: 2017-01-19
最近發現JS當中toFixed()方法存在一些問題,採用原生的Number對象的原型對象上的toFixed()方法時,規則並不是所謂的“四捨五入”或者是“四捨六入五成雙”,所謂“四捨六入五成雙”,在百度百科上給的解釋是:也即“4舍6入5湊偶”這裡“四”是指≤4 時捨去,"六"是指≥6時進上,"五"指的是根據5後面的數字來定,當5後有數時,舍5入1;當5後無有效數字時,需要分兩種情況來講:①5前為奇數,舍5入1;②5前為偶數,舍5不進。(0是最小的偶數)
Time of Update: 2017-01-19
JQuery實現: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2017-01-19
knockoutjs 簡稱 ko ko的動態屬性是指,ViewModel不確定的屬性,而後期卻需要的屬性。 什麼是不確定屬性,比如ListModel如果 編輯某一項,想把這一項的狀態變更為Edit。資料並不包括Edit屬性,mvvm綁定時,會發現報錯。 那麼一定需要拓展ko才能達到我們的目的。 首先來認識有值屬性綁定,和 無值屬性綁定: 一、有值屬性綁定: JS模型: 複製代碼 代碼如下: $(function () { var viewModel = function () { var
Time of Update: 2017-01-19
在我這幾天的工作中遇到了一個問題,google了一下找到瞭解決方案,不過是英文的,我簡單翻譯下讓更多的人能看懂 譯文如下: 我有一個可編輯的div,並且在DIV裡面還有一個可編輯的span,我想要讓span能響應鍵盤事件, 這裡是測試JS代碼: 複製代碼 代碼如下: $(function() { $('#someid').keypress(function(event){alert('test');}); }); 這裡是測試html代碼: 複製代碼 代碼如下: <div
Time of Update: 2017-01-19
複製代碼 代碼如下: <script type="text/javascript"> var _gaq = _gaq || []; //如果變數 _gaq 存在,就等於他自己,否則為一個空數組 _gaq.push(['_setAccount', 'UA-24479793-2']); //是個2維數組 _gaq[0] = array(0=>'_setAccount', 1=>'UA-24479793-2');(設定本跟蹤代碼所對應的Google帳戶) _gaq.push([
Time of Update: 2017-01-19
瀑布流以及回頂部的效果 I like TRY △回頂部 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
網上苦找2小時,全是不能相容FF的,看來這種東西網上是搞不到現成的了,只能自己動手豐衣足食 現在發布出來,今後網上就有現成的供人使用了。 為了省事,少量位置用了jquery 改原生JS也很方便,誰需要就請自己修改了。 歡迎各位路過高人拍板,歡迎各位留言提供改進代碼。 又改進 相容了Chrome 下面的代碼已修改成最新版 上源碼了 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
Time of Update: 2017-01-19
頁面中有個iframe:複製代碼 代碼如下: <iframe src='a.html'></iframe><button>測試IFRAME泄露</button>其中a.html內容如下:複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title>&
Time of Update: 2017-01-19
本文執行個體匯總了jquery操作複選框checkbox的方法。分享給大家供大家參考。具體分析如下:jquery判斷checked的三種方法:複製代碼 代碼如下:$("input").attr("checked"); //版本1.6+返回:”checked”或”undefined” ,1.5-返回:true或false $("input").prop("checked"); //16+:true/false $("input").is(
Time of Update: 2017-01-19
本文執行個體講述了使用jQueryMobile實現滑動翻頁效果的方法。分享給大家供大家參考。具體分析如下:jQuery Mobile是jQuery 在手機上和平板裝置上的版本。jQuery Mobile
Time of Update: 2017-01-19
之前看到過用jsonp實現跨域,一直沒有用到。現在剛好有個東西要到。試過了網上的很多方法,都沒有用。最後終於搞清楚了用法,記錄一下。用戶端:複製代碼 代碼如下:<!-- lang: js --> $(document).ready(function(){ $.ajax({ type: 'GET',
Time of Update: 2017-01-19
這段時間在學習研究jQuery源碼,受益於jQuery日益發展強大,研究jQuery的大牛越來越多,學習的資料也比前兩年好找了,有很多非常不錯的資源,如高雲的jQuery1.6.1源碼分析系列。這些教程非常細緻的分析了jQuery內部原理和實現方式,對學習和理解jQuery有非常大的協助。但是個人認為很多教程對jQuery的整體結果把握不足,本人試圖從整體來闡述一下jQuery的內部實現。大家知道,調用jQuery有兩種方式,一種是進階的實現,通過傳遞一個參數實現DOM選擇,如通過$(“h1″)
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現跟隨滑鼠運動圖層效果的方法。分享給大家供大家參考。具體分析如下:一、基本目標寫一個跟隨滑鼠運動的圖層,圖層中顯示當前滑鼠的位置,如下圖所示:此圖層之所以使用jQuery,而不是因為javascript,是因為jQuery的代碼其便於相容當前的所有主流的瀏覽器,至少IE8是沒有任何問題的,不用像javascript大段大段的代碼都用到相容性上面了。二、製作過程本次實驗的核心是jquery裡面的mousemove事件,滑鼠移動則觸發。代碼如下:複製代碼 代碼如下:&
Time of Update: 2017-01-19
本文執行個體講述了jQuery通過控制節點實現僅在前台通過get方法完成參數傳遞。分享給大家供大家參考。具體分析如下:這樣也是HTML
Time of Update: 2017-01-19
本文執行個體講述了jQuery迴圈動畫與擷取組件尺寸的方法。分享給大家供大家參考。具體分析如下:一、前言1、jQuery中的animate()方法允許您建立自訂的動畫。animate() 方法幾乎可以操作所有 CSS 屬性,不過當使用 animate() 時,必須使用Camel標記法書寫所有的屬性名稱,比如,必須使用paddingLeft而不是padding-left,使用marginRight而不是margin-right,等等。同時,色彩動畫並不包含在核心 jQuery
Time of Update: 2017-01-19
1.實現單擊事件動態交替之前我們講到了toggleClass(),對於單擊事件而言,jQuery同樣提供了動態交替的toggle()方法,這個方法接受兩個參數,兩個參數均為監聽函數,在click事件中交替使用。例子:點擊事件的動態互動。複製代碼 代碼如下:<script type="text/javascript"> $(function()
Time of Update: 2017-01-19
代碼:複製代碼 代碼如下:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery實現炫酷的滑鼠軌跡特效</title><base target="_blank" /><script type="text/javascript"> window.onload = function () {C = Math.cos;
Time of Update: 2017-01-19
代碼如下:複製代碼 代碼如下:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jquery點擊複選框觸發事件給input賦值-柯樂義</title><base target="_blank" /><style type="text/css">* {margin: 0;padding: 0;list-style-type:
Time of Update: 2017-01-19
回呼函數必須是全域函數或者靜態函數,不可定義為某個特定的類的成員函數callback函數在當前動畫100%完成之後執行複製代碼 代碼如下:$("p").hide(1000);alert("the paragraph is now hidden");<!--未使用回呼函數,段落未完全隱藏時就彈出資訊-->$("p").hide(1000,function(){alert("the paragraph is now