追加

Question

我追加后我的DOM只有一些问题，但我不知道如何解决它

我看了几个帖子但是用鼠标和mousedown我没找到

这是我的功能

  $(function() {
    var action;
    $(".number-spinner button").mousedown(function () {
        btn = $(this);
        input = btn.closest('.number-spinner').find('input');
        btn.closest('.number-spinner').find('button').prop("disabled", false);

        if (btn.attr('data-dir') == 'up') {
            action = setInterval(function(){
                if ( input.attr('max') == undefined || parseInt(input.val()) < parseInt(input.attr('max')) ) {
                    input.val(parseInt(input.val())+1);
                }else{
                    btn.prop("disabled", true);
                    clearInterval(action);
                }
            }, 50);
        } else {
            action = setInterval(function(){
                if ( input.attr('min') == undefined || parseInt(input.val()) > parseInt(input.attr('min')) ) {
                    input.val(parseInt(input.val())-1);
                }else{
                    btn.prop("disabled", true);
                    clearInterval(action);
                }
            }, 50);
        }
    }).mouseup(function(){
        clearInterval(action);
    });
});

这是我的附加代码

    $("#dispostock"+cpt).append('<div class="input-group number-spinner">
<span class="input-group-btn data-dwn">
<button class="btn btn-default btn-info" data-dir="dwn">
<span class="glyphicon glyphicon-minus"></span>
</button></span><input type="text" class="form-control text-center" value="1" min="-10" max="40">
<span class="input-group-btn data-up"><button class="btn btn-default btn-info" data-dir="up"><span class="glyphicon glyphicon-plus">
</span></button></span></div>');

dispostock的类是.dispostock

提前致谢