鍍金池/ 問(wèn)答/HTML5  HTML/ MUI numberbox控件值問(wèn)題

MUI numberbox控件值問(wèn)題

    //html代碼
    <div class="mobile-pay-number">
        <div id="buyNumber" class="mui-slider-handle">
            <span>購(gòu)買(mǎi)數(shù)量</span>
            <div class="mui-numbox mui-right" data-numbox-min='1'>
                <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
                <input class="mui-input-numbox" type="number" />
                <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
            </div>
        </div>
    </div>
        //JS代碼
        //監(jiān)聽(tīng)數(shù)量
        mui(".mui-input-numbox")[0].addEventListener('change', function () {
            console.log(mui("#buyNumber").numbox().getValue());
            mui(".m-p-j-paynumber")[0].innerHTML = (mui(".pay-spjg")[0].outerText * mui(".mui-input-numbox")[0].value) - mui(".m-p-j-dy")[0].outerText;
        });

第一次點(diǎn)擊增加數(shù)量的時(shí)候，增長(zhǎng)值沒(méi)問(wèn)題，如圖：
圖片描述

打印出的值也沒(méi)問(wèn)題
圖片描述

但是點(diǎn)擊第二次后，增長(zhǎng)值就變?yōu)?了，而且打印出的值也是兩個(gè)
圖片描述

圖片描述

之后點(diǎn)+ -都是兩個(gè)步長(zhǎng)了

請(qǐng)問(wèn)大佬有什么問(wèn)題啊

回答
編輯回答
孤毒

我在網(wǎng)上搜了很多，最終發(fā)現(xiàn)一個(gè)方法，把MUI相關(guān)引用的JS放在body標(biāo)簽后面即可

我最后這樣是成功了，這應(yīng)該是MUI的一個(gè)BUG吧

2018年9月10日 07:24