javascript - 引导模式不关闭

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>

小提琴

Answer 2

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

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