Javascript 如何使前置元素可拖动

我有一个代码，可以在单击按钮时添加元素

$（文档）.ready（函数（）{
$（“#添加_txt”）。单击（函数（）{
$（“正文”）。前缀（“”）；
});
});
//但是当我加上。。。
$（函数（）{
$（“.style_txt”）.draggable（）；
} );

添加文本
您不能使用
输入
元素，请将其包装在span内


$（文档）.ready（函数（）{
$（“#添加_txt”）。单击（函数（）{
$（“正文”）。前缀（“”）；
$（“.style_txt”）.parent（）.draggable（）；
});
});
span{
填充物：5px；
边框：1px实心#eee；
光标：移动；
}

添加文本
您可以这样做：


$（文档）.ready（函数（）{
$（“#添加_txt”）。单击（函数（）{
$（“正文”）。前缀（“”）；
$（“.style_text”）.draggable({
开始：功能（事件、用户界面）{
$（此）。数据（“预防行为”，正确）；
}
});
$（“.style\u text:input”）
.on（“鼠标向下”，函数（e）{
var mdown=document.createEvent（“MouseEvents”）；
mdown.initMouseEvent(
“鼠标镇”，
是的，
是的，
窗口，
0,
e、 screenX，
e、 恐怖的，
e、 clientX，
e、 克利提，
是的，
假,，
假,，
是的，
0,
无效的
);
$（this）.closest（“.style_text”）[0]。dispatchEvent（mdown）；
})
.在“点击”时，功能（e）{
var$draggable=$（this）.closest（“.style_text”）；
如果（$draggable.data（“preventBehavior”））{
e、 预防默认值（）；
$draggable.data（“预防行为”，假）；
}
});
});
});

添加文本
看一看谢谢！你用简单明了的方式解决了我的问题。