Javascript 使用jquery在HTML中动态添加描述列表的问题

我有一个DL（描述列表），在各自的DTs和DDs中有一些值。在这里，我使用切换功能来查看和隐藏DD。我有一个添加按钮。单击它，会打开两个文本框来填充数据。填充完数据后，当我单击save时，新的DT和DD将添加到我的DL中。但切换功能不适用于新添加的DT和DD。请在此帮助我

$（文档）.ready（函数（）{
$（“#newpromos”）.hide（）；
$（“#promos dd”）.hide（）；
$（“#promosave”）。单击（函数（）{
var title=$（“#promotTitle”）.val（）；
var desc=$（“#promodetails”）.val（）；
if（title.length&&desc.length）{
$（''，{html:title}）.appendTo（'#promos'）；
$（''，{html:desc}）.appendTo（'#promos'）；
}
$（“#promos dd”）.hide（）；
});
$（“#promos dt”）。单击（函数（）{
$（this）.next（#promos dd”）.slideToggle（）；
$（this.toggleClass（“扩展”）；
});
$（“#addpromos”）。单击（函数（）{
$（“#newpromos”）.show（）；
});
});
#promos dt，#promos dd{padding:050px}
#promos dt{字体大小：1.5em；颜色：#9d9d9d；光标：指针；高度：37px；行高：37px；边距：0 0 0 15px 25px}
#promos dd{字体大小：1em；边距：0 0 20px 25px}
#促销dt{背景：url(http://www.designonslaught.com/files/2012/06/expand-icon.png)无重复左}
#promos.expanded{background:url（“http://www.designonslaught.com/files/2012/06/expanded-icon.png）无重复左}

标题1

说明1

标题2
说明2



您需要将事件添加为“委托事件”：

$(document).on("click", "#promos dt",function () {
    $(this).next("#promos dd").slideToggle();
    $(this).toggleClass("expanded");
});