在使用jquery.spinner.js時(shí),我們有時(shí)需要使用負(fù)數(shù)來表示一些數(shù)據(jù),然而默認(rèn)情況下,該插件不支持負(fù)數(shù)。那么如何使jquery.spinner.js支持負(fù)數(shù)呢?下面我們來看看具體的操作。
$(element).spinner({ min: -100, // 允許的最小值 max: 100, // 允許的最大值 step: 0.1, // 步長 numberFormat: "n", // 格式 spin: function(event, ui) { if (ui.value< 0) { // 如果值為負(fù)數(shù) $(this).val(ui.value - ui.value * 2).change(); // 將負(fù)數(shù)轉(zhuǎn)換成正數(shù) return false; } } });
如上代碼所示,我們可以通過在spin回調(diào)函數(shù)中對負(fù)數(shù)進(jìn)行特殊處理來實(shí)現(xiàn)jquery.spinner.js對負(fù)數(shù)的支持。
在spin回調(diào)函數(shù)中,如果值為負(fù)數(shù),則可以通過將負(fù)數(shù)轉(zhuǎn)換成正數(shù),來使插件正常運(yùn)行。具體實(shí)現(xiàn)方式是將當(dāng)前值減去當(dāng)前值的兩倍,從而得到其相反數(shù)。
因此,在使用jquery.spinner.js時(shí),我們不用擔(dān)心其不支持負(fù)數(shù)的問題,只需要在相應(yīng)的回調(diào)函數(shù)中添加對負(fù)數(shù)的特殊處理即可。