Jquery append无法处理动态内容？

嗨，我正在制作一个web应用程序，并且有设置变量的按钮。我希望将变量添加到使用线拆分创建的div或元素中。我试过了，但现在成功了，我试着把div从“P”改为“D”，但没用。我还尝试了双击，以避免干扰单次单击

我已经没有主意了。 我最初在插入符号中添加了这个，但我不希望人们在我的文本区域中运行代码

这是你的电话号码

JS

$（文档）.ready（函数（）{
var toAdd=“
”
$（'input[id=“freeschoolmals”]'）。单击（函数（）{
toAdd=‘FSM’；
警惕（toAdd）；
返回false；
});
$（'input[id=“englishAdditional”]”）。单击（函数（）{
toAdd='EAL'；
警惕（toAdd）；
返回false；
});
$（'input[id=“GiftedPatientive”]”）。单击（函数（）{
toAdd=‘G&T’；
警惕（toAdd）；
返回false；
});
$（'input[id=“schoolAction”]”）。单击（函数（）{
toAdd='ScA'；
警惕（toAdd）；
返回false；
});
$（'input[id=“schoolActionPlus”]”）。单击（函数（）{
toAdd=‘SAP’；
警惕（toAdd）；
返回false；
});
$（'input[id=“statement”]”）。单击（函数（）{
toAdd=‘STM’；
警惕（toAdd）；
返回false；
});
$（'input[id=“speechLang”]”）。单击（函数（）{
toAdd='SLCN'；
警惕（toAdd）；
返回false；
});
$（'input[id=“specificLearn”]”）。单击（函数（）{
toAdd=‘SpLD’；
警惕（toAdd）；
返回false；
});
$（'input[id=“mildLearn”]”）。单击（函数（）{
toAdd='MLD'；
警惕（toAdd）；
返回false；
});
$（'input[id=“behavior”]”）。单击（函数（）{
toAdd=‘BESD’；
警惕（toAdd）；
返回false；
});
$（'input[id=“Austicspectrum”]”）。单击（函数（）{
toAdd=‘ASD’；
警惕（toAdd）；
返回false；
});
$（“p”）.dblclick（函数（）{
var newContent=toAdd；
$（this）.append（newContent）；
});
$（“textarea”）.keyup（分割线）；
函数splitLine（）{
//$（“#opt”）.empty（）；
变量行=$（“textarea”）.val（）.split（/\n/g）；
对于（变量i=0；i

执行此行时，绑定

$（“p”）.dblclick（）

仅绑定到所有现有的

p

元素。因此，来自

spitline

函数的所有新创建的

p

元素都不会与任何事件绑定。创建

p

元素时，需要为每个绑定

dblclick

事件

您的代码可以这样修改：

函数pDblclick（）
{
var newContent=toAdd；
$（this）.append（newContent）；
}
/*删除对所有p元素$（'p'）.dblclik（…）的旧绑定*/
/*此函数已修改*/
函数splitLine（）{
//$（“#opt”）.empty（）；
变量行=$（“textarea”）.val（）.split（/\n/g）；
对于（变量i=0；i

执行此行时，绑定

$（“p”）.dblclick（）

仅绑定到所有现有的

p

元素。因此，来自

spitline

函数的所有新创建的

p

元素都不会与任何事件绑定。创建

p

元素时，需要为每个绑定

dblclick

事件

您的代码可以这样修改：

函数pDblclick（）
{
var newContent=toAdd；
$（this）.append（newContent）；
}
/*删除对所有p元素$（'p'）.dblclik（…）的旧绑定*/
/*此函数已修改*/
函数splitLine（）{
//$（“#opt”）.empty（）；
变量行=$（“textarea”）.val（）.split（/\n/g）；
对于（变量i=0；i

将仅将处理程序附加到附加处理程序时存在的

p

a图形。由于以后要添加更多的

p

aragraphs，除非您希望在创建新元素时动态附加事件处理程序，否则需要将事件处理委托给其他元素，即附加处理程序时存在的元素，如

文档

。可以执行委派：

$(document).on("dblclick", "p", function(){

如果您使用的是旧版本的jQuery，请改用：

（除了这一行之外，您不需要更改任何内容）

将仅将处理程序附加到在附加

$("p").dblclick(function(){

$(document).on("dblclick", "p", function(){

$(document).delegate("p", "dblclick", function(){