開題:得益於專案的上線,現在終於有時間來寫一點點的東西,雖然很淺顯,但是我感覺每經歷一次專案,我就學到了很多的東西,現在接著上次的文字輪播將本次專案中學到的其他東西分享出來。
這次分享的是乙個基於jquery/zepto的選擇器外掛程式
相信對於移動開發有過經驗的同學都對ui的不統一而感到頭疼,又不能為了乙個小小的選擇器去引入乙個完整ui框架,所以狠了狠心自己寫了乙個關於單項選擇、二級非聯動選擇、日期選擇的選擇器,並且經歷了兩次專案的考驗。
好了,廢話少說,我們先來看一下效果圖
我們在使用別人寫的外掛程式的時候無一不為沒有完整的api而頭疼不已,現在我具體的說明一下這個外掛程式的api以及demo,並且區分不同的場景下的應用
引數解釋
data
選擇器取值範圍,型別為陣列
evele
要繫結觸發事件元素的元素名稱,如:class、id、element...
title
選擇器名稱
defvalue
選擇器預設值 【可選,預設選擇器陣列的第乙個數】
beforeaction
執行成功前的動作 無引數
afteraction
執行成功後的動作 引數:選中的文字
// 體重範圍,20-100(整數),0-9(小數)
// 整數
var quweightint = [20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50,
51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85,
86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100];
// 小數
var quweightfl = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
//體重
$.screvent2({
data: quweightint,
data2: quweightfl,
evele: '.qu-weight',
title: '體重/kg',
defvalue: 60,
defvalue2: 0,
afteraction: function(data1,data2) {
$('.qu-weight').val(data1 + '.' + data2);
你還在為移動端選擇器而捉急嗎? 原創
開題 得益於專案的上線,現在終於有時間來寫一點點的東西,雖然很淺顯,但是我感覺每經歷一次專案,我就學到了很多的東西,現在接著上次的文字輪播將本次專案中學到的其他東西分享出來。這次分享的是乙個基於jquery zepto的選擇器外掛程式 相信對於移動開發有過經驗的同學都對ui的不統一而感到頭疼,又不能...
你還在為移動端選擇器而捉急嗎? 原創
開題 得益於專案的上線,現在終於有時間來寫一點點的東西,雖然很淺顯,但是我感覺每經歷一次專案,我就學到了很多的東西,現在接著上次的文字輪播將本次專案中學到的其他東西分享出來。這次分享的是乙個基於jquery zepto的選擇器外掛程式 相信對於移動開發有過經驗的同學都對ui的不統一而感到頭疼,又不能...
你還在為失去伺服器感到焦慮?
我耐心看了以下這篇文章 aws lambda debuts for running code in the cloud 我還沒有來得及去測試一下這個服務,我只是對它感到新奇。有了它,業務應用可能就只需要dev了,而不需要ops了 更不用提什麼devops了。當然這個觀點稍微有點極端了。它的確實現了 ...