MUI 里js动态添加数字输入框后,增加减少按钮无效

Posted 诉说静风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 里js动态添加数字输入框后,增加减少按钮无效的主要内容,如果未能解决你的问题,请参考以下文章

用于增加或减少文本区域值的数字键盘按钮

js实现增加form表单中的输入域

mui点击事件失效

动态社交媒体按钮 - 减少 http 请求和验证错误

jsp页面隐藏显示输入框后输入框对不齐,求指点!

js脚本:一个页面含2个文本框,输入2个正整数,点击确认按钮,动态的在页面上形成几行几列的表格。