本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
在使用HBuilder mui 做app的时候，使用js动态添加数字输入框后，增加 减少按钮无效 ，不知道怎么回事，后台查看一下mui.js的源码，发现是这numbox 的自动初化是在 mui.ready 时完成的，哎。。。
mui 页面默认会自动初始化页面中的所有数字输入框，动态构造的 DOM 需要进行手动初始化。
比如：您动态创建了一个 ID 为 abc 的数字输入框，需要 mui('#abc').numbox() 初始化一下。
在您提供的示例代码中，为什么 test() 放在 mui.plusReady 外边可以，而放在里边就不可以？
这是因为 numbox 的自动初化是在 mui.ready 时完成的，直接在外部的 test() 执行发生在 mui.ready 之前，而写在 mui.plusReady 里 test() 的执行发生在 mui.ready 之后导致的。
所以请注意，在 mui.ready 之后动态构造 dom 时，请进行手动初始化。
解决办法
就是在使用js动态添加数字输入框后面加上下面这段代码。
mui('.mui-numbox').numbox();
问题解决了。
mui 页面默认会自动初始化页面中的所有数字输入框，动态构造的 DOM 需要进行手动初始化。
比如：您动态创建了一个 ID 为 abc 的数字输入框，需要 mui('#abc').numbox() 初始化一下。
在您提供的示例代码中，为什么 test() 放在 mui.plusReady 外边可以，而放在里边就不可以？
这是因为 numbox 的自动初化是在 mui.ready 时完成的，直接在外部的 test() 执行发生在 mui.ready 之前，而写在 mui.plusReady 里 test() 的执行发生在 mui.ready 之后导致的。
所以请注意，在 mui.ready 之后动态构造 dom 时，请进行手动初始化。
解决办法
就是在使用js动态添加数字输入框后面加上下面这段代码。
mui('.mui-numbox').numbox();
问题解决了。