3

非常に奇妙なバグが発生しており、その理由がわかりません。私は Bootstrap がリリースされてから使用しており、その仕組みに非常に精通しています。ドキュメントの下部に配置されたモーダルをトリガーするボタンを使用してフォームをセットアップしました。モーダルをトリガーするボタンをクリックすると、モーダルが開きますが、GETメソッドを使用してフォームを送信しているかのように、フォーム要素/値を URL に追加してページが更新されます。ページが更新されると、モーダルは開かれなくなり、URL にはクエリ内のすべてのフォーム値が含まれます。なぜこれが起こっているのか、一生理解できません。モーダルが開き、ページは影響を受けないままにする必要があります (モーダルが開く以外)

以下は、フォーム要素とモーダル ボタンの HTML です。

<div class='form-group'>
    <label class='control-label' for='store-name'>
        Store Name:
    </label>
    <div class='controls'>
        <input type='text' class='form-control' id='store-name' name='store-name'>
        <button class='btn btn-default' data-toggle='modal' data-target="#storeName">Lookup</button>
    </div>
</div>

モーダル自体の HTML は次のとおりです。

<!-- Store Name Modal -->
<div class="modal fade" id="storeName" tabindex="-1" role="dialog" aria-labelledby="storeName" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Stores</h4>
            </div>
            <div class="modal-body">
                <!-- Modal Content -->  
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save</button>
            </div>
        </div>
    </div>
</div>

モーダルは実際に開いているため、すべてのスクリプト/スタイルが含まれています。開いたときにページをリダイレクトするだけです。誰かがこのようなバグを経験したことがありますか、または何が原因であるか考えていますか?

4

3 に答える 3

1

<button>タグを使用し続け、type属性を"button"に変更した方がおそらくセマンティクスが良いでしょう"submit"。

于 2014-09-19T08:40:25.483 に答える