twitter-bootstrap - Bootstrap フォームにページ フォーカスが必要ですか?

Question

単一のテキストエリアと送信ボタンを備えた Bootstrap Web ページにフォームがあります。ボタンをクリックすると、テキストエリアにあるものはすべてdivに追加されるはずです。

ページ上のすべての機能は、1 つのことを除いて機能します。機能させるには、メニュー項目または何か (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 を返すことでフォームの送信を防ぎます (目的の処理が完了した後)。