Javascript 未设置jquery ui按钮的样式

我有一个js函数，可以插入一个表单来响应按钮的点击。在表单的底部是一个按钮，也是由函数添加的。不知何故，即使我添加了ui按钮类，新按钮也不会继承ui css。如有任何帮助，将不胜感激：

var addSite = function(){
var addForm ='<br><input id="site-db" class="manage-sites" type="text" placeholder="Domain" onfocus="this.placeholder=\'\'"  onblur="this.placeholder = \'Domain\'"><br>' +
'<input id="site-table" class="manage-sites" type="text" placeholder="Table" onfocus="this.placeholder=\'\'" onblur="this.placeholder = \'Table\'"><br>' +
'<input id="site-IP" class="manage-sites" type="text" placeholder="IP Address" onfocus="this.placeholder=\'\'" onblur="this.placeholder = \'IP Address\'"><br>' +
'<input id="site-Server" class="manage-sites" type="text" placeholder="Server" onfocus="this.placeholder=\'\'" onblur="this.placeholder = \'Server\'"><br>' +
'<input id="site-password" class="manage-sites" type="text" placeholder="Password" onfocus="this.placeholder=\'\'" onblur="this.placeholder = \'Password\'"><br>' +
'<button class="ui-button">Add to Datasites</button>';
$('#manage-sites').html(addForm);
}

var addSite=function（）{
var addForm='

'+
“
”+
“
”+
“
”+
“
”+
“添加到数据站点”；
$（“#管理网站”）.html（addForm）；
}

相关（？）HTML。这些按钮可正确渲染：

<div id="tabs-7">
<!-- Manage Data Sites -->
<h1>Manage Data Sites</h1>
<br><br>
<button id="add-site">Add</button>
<button id="delete-site">Delete</button>
<button id="view-sites">View</button>
<div id="manage-sites" style="margin-top:20px; width:100%">

</div>
<script>
    $('#add-site').click(function(){
        addSite();  
    })

</script>


</div>

管理数据站点



添加
删除
看法
$（“#添加站点”）。单击（函数（）{
addSite（）；
})

您正在将

管理站点

作为div中的ID和生成的HTML中的类引用。如果CSS中将

管理站点

定义为ID（即

#管理站点

而不是

。管理站点

），则div将选择样式，但生成的HTML将不会

---

为您的div分配一个不同的ID，并将

管理站点

更改为一个类。

按钮的jQuery UI样式需要的不仅仅是

UI按钮

类。如果检查上jQuery按钮的源代码，您会注意到这些按钮还具有以下类：

ui-widget ui-state-default ui-corner-all

您可以通过两种方式解决此问题：

1-手动添加类：

blah

2-附加html后，对新创建的元素（我在这里使用）调用jQueryUI的button（）方法

---

完整演示

$（函数（）{
var addSite=function（）{
var addForm='

'+
“
”+
“
”+
“
”+
“
”+
“添加到数据站点”；
$（“#管理网站”）.html（addForm）
.find（'.ui按钮'）.button（）；
};
$（“#添加站点”）。单击（函数（）{
addSite（）；
});
});

管理数据站点



添加
删除
看法
您正在引用
管理站点
作为div中的ID，以及生成的HTML中的类。非常感谢。必须是追加到追加的副作用，因为我有一个函数可以查找页面中的所有按钮并应用。button（）我有一个类和一个ID“manage sites”。我应该可以毫无疑问地做到这一点。上面的filoxo解决方案运行良好，但是如果我更改div上的ID，我将看到会发生什么。不过我经常使用这种做法，并且没有遇到问题。
$('#manage-sites').html(addForm)
    .find('.ui-button').button();