跳过这个问题并返回解决它后,我发现#example(要附加元素的div的ID)也应该有一个唯一的ID。
所以而不是
$(document).ready(function(){
$("#{{$task->id}}").click(function(){
$("#example").append(
`<p>successfully added</p>`
);
});
});
将 #example 替换为 #example-{{$task->id}},如下所示:
$(document).ready(function(){
$("#{{$task->id}}").click(function(){
$("#example-{{$task->id}}").append(
`<p>successfully added</p>`
);
});
});
并且不要忘记更改 div 本身的 id
<div id="example-{{$task->id}}">appended text shows here</div>