你還在為移動端選擇器picker外掛程式而捉急嗎?

2022-01-17 05:27:50 字數 1742 閱讀 8065

開題:得益於專案的上線,現在終於有時間來寫一點點的東西,雖然很淺顯,但是我感覺每經歷一次專案,我就學到了很多的東西,現在接著上次的文字輪播將本次專案中學到的其他東西分享出來。

這次分享的是乙個基於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了。當然這個觀點稍微有點極端了。它的確實現了 ...