重新排序DOM节点而不删除/附加它们

时间:2015-01-25 13:58:36

标签: javascript html dom

我的“组件”以这种形式接收一个对象:

{ p0: 3, p1: 2, p4: 6, p9: 3 }

对象可以具有属性p0 .. p9的子集。我的组件应为每个属性创建输入类型=范围,并允许用户编辑当前对象的任何属性。编辑属性时,新(已编辑)对象将传播到父级,父级会将其设置回程序中的所有组件(包括我的组件)。

我当前的组件有10个隐藏输入。在SetObject中,我删除所有显示的输入(removeChild),然后只追加(appendChild)接收对象中存在的那些。

问题是,当用鼠标拖动输入时,属性被改变,对象被上下传播,当前输入被移除并再次附加,并且失去焦点(没有视觉变化,但不能再拖动)

解决这个问题的好方法是什么?我想保留以前和新对象中的输入(以保持对它们的关注),但我也希望它们能够正确排序。

1 个答案:

答案 0 :(得分:0)

如果没有您的代码,这是不明显的,但为什么要删除然后添加元素?也许最好保留您的输入,并将其设置为正确的value