Question

HTML：

<div id="im_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="Image" aria-hidden="true">
    <div class="modal-footer">
        <a type="button" class="btn pull-left" href="javascript:close_preview()">Cancel</a>
        <button type="submit" class="btn btn-primary pull-left">OK</button>

使用Javascript：

function close_preview() {
    $("#im_modal").modal("hide");
}

正在调用函数close_preview，但不关闭模态。

Answer 1

它应该工作，可能函数close_preview的定位不是它应该的位置。但是，如果不使用任何方法/事件，可以使用另一种方法将data-dismiss属性添加到按钮。

<a type="button" class="btn pull-left" data-dismiss="modal">Cancel</a>

<强> Fiddle

Answer 2

对于使用Coffeescript和隐藏事件的人，请注意隐式返回。它会中断事件的传播。请务必返回活动。

$('#myModal').on 'hide.bs.modal',(e)->
  //something
  return e

Bootstrap Modal不会关闭

2 个答案: