Fancybox错误 - 重新加载点击或焦点

Question

我有一个带有表单的fancybox，每次单击或选择一个字段时都会重新加载。我以前从未见过这种行为，也没有办法解决这个问题。这是一些代码：

JavaScript的：

<script type="text/javascript">
$(document).ready(function() {
  $(".fancybox").fancybox({
    beforeLoad : function(){console.log("FancyBox::beforeLoad()");},
    onCancel : function(){console.log("FancyBox::onCancel()");},
    beforeClose : function(){console.log("FancyBox::beforeClose()");},
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    keys  : {
        close  : null
      }
  });
});
</script>

HTML：

<div id="popup" class="fancybox" style="width: 600px; height: 400px; display: none;">
  <h2>Submit</h2>
  <div class="centered">
    <form id="fancyform" role="form">
      <div class="form-group">
        <label for="post-title">Title:</label>
        <input type="text" class="form-control" id="post-title" placeholder="Title">
      </div>
      <div class="form-group">
        <label for="post-url">URL:</label>
        <input type="url" class="form-control" id="post-url" placeholder="Post URL">
      </div>
      <button id="submit" type="submit" class="btn btn-default">Submit</button>
    </form>
  </div>
</div>

这似乎与这个问题相同：Fancybox Error automatic reload，但海报似乎已经自己回答了，答案实际上并没有提供有效的解决方案。