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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用jSignature.js在一个页面中显示多个签名?相关的知识,希望对你有一定的参考价值。

我试图在一个php页面中显示两个签名,但遗憾的是第一个签名字段似乎只是工作,并且在添加另一个签名画布后消失,请参见下文:

Screenshot of jSignature page here

我已经尝试过更改CSS高度,但这不是问题,它仍然不起作用。

它必须与div id有关,因为另一个div具有相同的id名称 - “signature”并导致此问题。

我试图将JS:$(“#signature”)更改为$('div [id ^ =“signature”]')但实际的画布中断并且看起来不像它应该是的。

有谁知道如何解决这个问题或之前有同样的问题?

答案

如果使用$('div[id^="signature"]'),您将获得jQuery-Selector匹配的对象数组。

因此,为了将jSignature应用于所有这些,您可以使用.each迭代所有这些:

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

但是,您应确保每个div具有不同的ID。你可以使用id="signature1"id="signature2"$('div[id^="signature"]')仍然可以找到它们。

另一答案

你应该为不同的签名分别初始化jsignature。您可以使用签名为div提供不同的ID。例如,如果你给它们分别是“签名”和“签名2”,你可以将它们初始化两次,如:

var datapair = $(“#signature”)。jSignature({'UndoButton':true}); 。 (代码的其余部分)。

var datapair = $(“#signature2”)。jSignature({'UndoButton':true}); 。 (代码的其余部分)。

以上是关于如何使用jSignature.js在一个页面中显示多个签名?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Drupal 中显示一个简单的自定义页面?

如何在一个窗口中显示多个页面?

如何在 ios 中使用 json 解析获取数据并在另一个页面中显示结果?

如何在 JSP 页面中显示数据库表

如何使页面控件在每个视图中显示文本

EXT如何在一个页面中显示两个Gridpanel