Javascript 如何使用jSignature.js在一个页面中显示多个签名？

我试图在一个PHP页面中显示两个签名，但不幸的是，第一个签名字段似乎正在工作，在添加另一个签名画布后消失，请参见以下内容：

我尝试过改变CSS的高度，但这不是问题，它仍然不起作用

这一定与div id有关，因为另一个div具有相同的id名称-“签名”，并导致此问题

我尝试将JS:$（“#signature”）更改为$（'div[id^=“signature”]），但实际的画布断裂了，看起来不像应该的那样

---

是否有人知道如何解决此问题，或者以前有过相同的问题？

您应该为不同的签名分别初始化jsignature。 您为具有签名的div提供了不同的id。例如，如果您分别给他们ID“signature”和“signature2”，您可以对他们进行两次初始化，如下所示：

var datapair=$（“#签名”）.jSignature（{'UndoButton'：true}）； . （代码的其余部分）

var datapair=$（“#signature2”）.jSignature（{'UndoButton'：true}）； . （代码的其余部分） .

如果使用

$（'div[id^=“signature”]”）

您将获得与jQuery选择器匹配的对象数组

因此，为了将jSignature应用于所有这些应用程序，您可以使用

。每个
对所有这些应用程序进行迭代：

$('div[id^="signature"]').each((index, value) => {
   $(value).jSignature({'UndoButton':true}); . .(rest of code)
}

但是，您应该确保每个div都有一个不同的id。您可以使用
id=“signature1”
和
id=“signature2”
和
$（'div[id^=“signature”]'）
仍然可以找到它们。
为什么不尝试给它一个不同的id，并对其应用jsignature呢？顺便说一句，这似乎与php无关。。所以不要给它贴标签？