数字输入框 动态生成的不能用 请问怎么解决.

动态生成的 数字输入框 加减不可用.
请问怎么解决,有没有像轮播图一样的方法 用js调用一下
以下是部分代码..
<ul id="list">
</ul>
<script>
_html.push("<div class=\"mui-col-xs-9\">")
_html.push("<p>颜色:黑色</p>")
_html.push("<p>价格:&yen;<span class=\"cpprice\">{}</span></p>")
_html.push("<div class=\"mui-numbox\" data-numbox-min=\"1\" style=\"height:25px;\" data-numbox-max=\"9\">")
_html.push("<button class=\"mui-btn mui-btn-numbox-minus\" type=\"button\" >-</button>")
_html.push("<input id=\"test\" class=\"mui-input-numbox\" type=\"number\" value=\"{cpnum}\">")
_html.push("<button class=\"mui-btn mui-btn-numbox-plus\" type=\"button\">+</button>")
_html.push("</div>")
_html.push("</div>")

        function replace_html(str,a,b){  
            var RegExp1= eval("/"+a+"/g");  
            return (str.replace(RegExp1,b));   
        }  

_html_box = _html
function replace_html(str,a,b){
var RegExp1= eval("/"+a+"/g");
return (str.replace(RegExp1,b));
}
li = document.createElement("li");
li.className = "mui-table-view-cell";

for(var i=0;json.list.length;i++){
data = json.list[i);
_html = _html_box;
_html = replace_html(_html,"{cpnum}",data.cpnum);
li.innerHTML = _html
}
var ul = document.querySelector('#list');
ul.appendChild(li);
</script>