Signature Pad : 둘 이상의 서명 캡처

Question

나는 Thomas J Bradley's Signature Pad을 사용하고 있지만 한 번에 두 개 (이상)의 서명을 받아 들일 수 있어야합니다. 그리고 불행히도 지금은 첫 번째 캔버스 위젯 만 서명 할 수 있습니다. 두 번째 캔버스 위젯은 응답이 없습니다.

아마 내가 자바 스크립트 섹션에서 잘못된 것을하고 있습니까?

하나의 양식에 두 개의 서명을 허용하려면 무엇을 변경해야합니까?

<form method="post" action="" class="sigPad"> 

<b>Signature 1:</b> 
<br /> 

<ul class="sigNav"> 
    <li class="clearButton"><a href="#clear">Clear Signature</a></li> 
</ul> 
<div class="sig sigWrapper"> 
    <div class="typed"></div> 
    <canvas class="pad_1" width="490" height="130"></canvas> 
    <input type="hidden" name="signature_pad_output_1" class="output_1"> 
</div> 

<br> 
Typed Name: <input type="text" name="signature_name_1" value="" id="name_1" class="name_1"> 

<hr> 

<b>Signature 2:</b> 
<br /> 

<ul class="sigNav"> 
    <li class="clearButton"><a href="#clear">Clear Signature</a></li> 
</ul> 
<div class="sig sigWrapper"> 
    <div class="typed"></div> 
    <canvas class="pad_2" width="490" height="130"></canvas> 
    <input type="hidden" name="signature_pad_output_2" class="output_2"> 
</div> 


<br> 
Typed Name: <input type="text" name="signature_name_2" value="" id="name_2" class="name_2"> 



<script> 
    $(document).ready(function() { 

     var options = { 
      lineTop: 100 
        , drawOnly: true 
        , canvas: '.pad_1' 
        , output: '.output_1' 
        , name: '.name_1' 
     }; 

     $('.sigPad').signaturePad(options); 

     var options = { 
      lineTop: 100 
        , drawOnly: true 
        , canvas: '.pad_2' 
        , output: '.output_2' 
        , name: '.name_2' 
     }; 

     $('.sigPad').signaturePad(options); 


    }); 
</script>   

<script src="/includes/signature-pad/build/json2.min.js"></script> 


</form> 

감사합니다.

Answer 1

패드에 다른 클래스가 필요할 것 같습니다. 대신 :

⋮ 
$('.sigPad').signaturePad(options); 
⋮ 
$('.sigPad').signaturePad(options); 
⋮ 

변경 두 번째로 :

$('.sigPad2').signaturePad(options); 

여기 다운로드 패키지에서 체크 아웃 문서화되지 않은 예 : https://github.com/thomasjbradley/signature-pad/blob/master/examples/accept-multiple-signatures.html