将jQuery移动CSS合并到JavaScript输出元素中？

我有一个小表单，有3个输入类型文本/数字元素和一个按钮

当用户单击按钮时，脚本获取输入的值，然后将这些值附加到

列表中

但是，附加的元素没有jQuery Mobile CSS样式

在这里，您可以看到我一直在编写的代码及其行为

我试着使用post中的一些想法，但不管我如何改变它并添加

$（“.config”）.trigger（“create”）（我在测试时更改了名称以适应我的代码）它只会使
按钮看起来像jQueryMobile样式，但删除功能不再起作用

以下是代码（如果您不看演示就知道解决方案）：



$（'#AddScript'）。单击（函数（）{
var text='+$（'#MedNameStren'）.val（）+'+
“数量：”+$（“#MedQuantity”）.val（）+”
'+
“说明：”+$（“#医学指导”）.val（）+”
'+
“删除”；
如果（文本长度）{
$（'
'，{html:text}）.appendTo（'ul.justList'）
}
});
$（'ul'）。在（'click'，'button'，函数（el）上{
$（this.parent（）.remove（））
});

此外，如果
MedNameStren
和
MedDirections
为空（微调器将始终显示数字1），如果您能告诉我如何防止按钮追加新的
，那就太好了。
任何建议或指导将不胜感激
 为了将这个问题标记为已回答，我想将@Omar在上述评论中发布的解决方案放在这里

这是@Omar编写和提供的，通过在JS中添加以下内容，它真正解决了我的问题：

$('button').button();

通过比较我的和，可以看出差异。希望这对任何人都有帮助。
这回答了您所有的问题，非常感谢，这很有效！：）哦，当我将它添加到我的项目中时，我注意到它只将
更改为jQueryMobile，但没有更改
，这仍然是标准的CSS。无论如何，我可以告诉JS使用jQueryMobile结构CSS？给
ul
一个属性
data role=“listview”
。添加新项后，调用
$（'ul'）.listview（'refresh'）$('button').button();