jquery - 让 jSignature 与 Twitter Bootstrap 模式一起工作

Question

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

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

这似乎对我有用!

$('#myModal').on('show.bs.modal', function (e) {    
  $("#signature").jSignature();
  $("#signature").resize();
});

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