javascript - JQuery Mobile Canvas 字段(签名)样式问题

Question

在我的 cordova 应用程序中，我使用了 Jquery mobile(v 1.3.2) 和 thomas jbradly Sign plugin在我的应用程序中，我有一个签名字段(用于绘制签名的 Canvas )和一些字段。

如下面的代码:

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

将签名放入 Canvas 时， Canvas 字段的副本将显示在原始字段上方。 在 Canvas 上签名之前:

签署 Canvas 后:(创建原始 Canvas 的副本)

注意*:

When remove the Jquery mobile the signature field working fine.

引用:Signature Css

Signature Js

请帮我解决这个问题..

Answer 1

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