javascript - TouchSpin 插件不适用于动态加载的元素

Question

所以我正在创建一个动态输入文本的 div。我正在像这样应用 touchSpin()。

$(".commission").TouchSpin({
        min: 0,
        max: 2,
        step: 0.0001,
        decimals: 4,
        boostat: 5,
        maxboostedstep: 10,
        buttondown_class: 'btn btn-white',
        buttonup_class: 'btn btn-white'
    });

当内容是静态的但现在它使用 ajax 调用加载时，同样的代码可以工作，插件不工作

<div class="col-md-12">
  <div class="col-md-9 col-sm-9 col-xs-9 pad">
    <input class="commission" type="text" value="0">
  </div>
  <div class="col-md-3 col-sm-3 col-xs-3 pad">
    <button class="btn btn-primary btn-sm pull-right view_btn1" data-toggle="modal" data-target="#view_details" type="button"><i class="fa fa-eye"></i></button>
  </div>
  <div class="clearfix"></div>
</div>

任何人都可以提出一些建议。

Answer 1

you can write TouchSpin code inside ajax success function. like this:

                          $.ajax({
                            url: "/productos/fillItemView",
                            type:"GET",
                            data: {datos: JSON.stringify(data)},
                            dataType: "html",
                            contentType: "application/json; charset=UTF-8",
                            success: function(result){

                            $("#initTr").after(result); //insert dynamic input with inputClass class in view


                            $(".inputClass").TouchSpin({
                                min: 0,
                                max: 100,
                                step: 1,
                                decimals: 0,
                            }).on('change', function(){
                                 //maybe optional
                            });
                            },
                            error : function(xhr, status) {
                                    console.log(xhr.responseText);
                                    console.log(status);
                            },
                        })
                        .done(function(result){
                        });

问候。