Javascript JQuery移动画布字段（签名）样式问题

在我的cordova应用程序中，我使用Jquery mobile（v1.3.2）和。在我的应用程序中，我有一个签名字段（绘制签名的画布）和一些字段

如下代码所示：

<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>

按钮1
标签1
把你的牌子放在这里

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

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

注意*：

删除Jquery mobile时，签名字段工作正常

供参考：

---

请帮我解决这个问题。

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