twitter-bootstrap - Bootstrap表单需要页面焦点？

Question

我在 Bootstrap 网页上有一个带有单个文本区域和提交按钮的表单。当您单击按钮时，文本区域中的任何内容都应该添加到 div 中。

页面上的所有内容都有效，除了一件事，您必须单击菜单项或其他内容（在 URL 末尾添加 # 的内容）才能使其正常工作，否则页面只会刷新。

这是什么意思？有简单的解决方法吗？

Answer 1

如果没有看到一些代码，我无法确定，但您可能没有停止表单上的默认提交事件。您需要使用return false;或event.preventDefault()在您的提交功能中。

这是一个例子：

<form id="doitform">
    <input type="text" id="textvalue"/>
    <input type="submit" value="Do it" id="doitbutton" />
</form>

<div id="contenthere">

</div>

  <script type="text/javascript">

    $(document).ready(function () {
          $('form').submit(function (event) {
            $('#contenthere').append("<div>" + $('#textvalue').val() + "</div>");
              return false;
          });
      });

</script>

这是将一个新的提交事件绑定到表单并通过返回 false 来阻止表单提交（在它完成了我们想要它做的事情之后）。