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

Question

在我的科尔多瓦应用程序中，我使用了 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

尝试在包含 class="sig" 的 div 上应用 CSS overflow:hidden。