JQuery Mobile canvas字段（签名）样式问题

Question

在我的cordova应用程序中，我使用了Jquery mobile（v 1.3.2）和thomas jbradly Sign plugin。在我的应用程序中，我有一个签名字段（绘制标志的画布）和一些字段。

如下面的代码：

<div data-role="page" id="page1">
        <div data-role="content">
            <div class="ui-grid-a">
                <div class="ui-block-a">
                        <button>Button1</button>
                </div>
            <div class="ui-block-b" style='margin-top: 2%;'>
                    <b><label>Label 1</label></b>
            </div>
        </div>
        <div data-role="fieldcontain"></div>
        <div id="signaturePart">
            <div class="sigPad">
                <b><label>Put Your Sign Here</label></b>
                <ul type="none">
                    <li class="clearButton"><a href="#clear">Clear</a></li>
                </ul>
                <div class="sig">
                    <canvas class="pad" width="550" height="200" id="mKundusskirt"></canvas>
                    <input type="hidden" name="output" class="output">
                </div>
            </div>
        </div>
    </div>
</div>

当在画布中放置签名时，画布字段的副本显示在原始字段上方。 签署画布之前：

签署画布后：（创建原始画布的副本）

注意* ：

  

删除Jquery移动时，签名字段工作正常。

供参考：Signature Css

Signature Js

请帮我解决问题..

Answer 1

尝试应用CSS overflow：隐藏在包含class =“sig”的div上。