Question

我目前正在尝试使用jSignature（一个捕获签名的插件）在twitter bootstrap模式中工作。由于某种原因，签名框缩小以适应模态并使签名无法正常工作。这是一个参考http://jsfiddle.net/someyoungideas/3B3jS/的jsFiddle。

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p id="signature"></p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

由于

Answer 1

这似乎对我有用！

class AirtimeFile extends AppModel {

    public $useTable = 'cc_files';

    public $hasMany = array('AirtimeFileAttribute' => array(
        'className' => 'AirtimeFileAttribute',
        'foreignKey' => 'track_id'
    ));

在某些情况下，我需要将jSignature初始化包装并在超时时调整大小，但我认为它主要取决于模式本身的过程样式。

Answer 2

jSignature适合于初始化它的div。换句话说，如果在初始化jSignature时将div的id signature测量为0x0，则将其初始化为该值。

调整页面/窗口大小，导致div调整大小时，jSignature会重新调整其大小以再次适合div。但是，此自动调整大小仅在窗口调整大小时，而不是在窗口保持不变但div调整大小时

。

现在，为什么这很重要？

当您初始化jSignature时，您会针对隐藏的div启动它。在这个阶段它的大小是0x0。

jSignature允许您在选项Object中指定大小。 - 简单但难看的解决方案
您可以为signature div设置硬尺寸（宽度和高度）。 - 简单但难看的解决方案。
您可以在{/ 1}} signature可见后获取jSignature 并获取其大小。 - 以这种方式建议的解决方案jSignature将适合模态。

过时了：http://jsfiddle.net/3B3jS/6/

div

让jSignature与Twitter Bootstrap Modal一起使用

2 个答案: