HTML+JavaScript：尽管使用转义引号，但无法向 onclick 添加多个参数

Question

我正在尝试在 onclick 函数中附加一个带有多个参数的 HTML div。即使我使用了转义引号，HTML 也没有正确呈现。

这是我的 HTML：

$("#city-list").append("<div class='user-panel' id='" + user.id + 'onclick=\'openChat(\'' + user.id + '\',\'' + user.username + '\',\'' + user.sex + "\'\")><b>" + user.username + ", " + "(" + user.sex + ", " + user.age + ")</div>");

这是呈现的内容：

<div class="user-panel" id="A61o-ko0zVVJaxTbAAAHonclick=" openchat('a61o-ko0zvvjaxtbaaah','adamlee','male'")=""><b>adamlee, (male, 17)</b></div>