Bootstrap 3 удаленная модальная форма отправки submitDefault не работает

Question

Bootstrap 3 удаленная модальная форма отправки submitDefault не работает

0

У меня есть проблема, успешно выполняющая функцию preventDefault() в Bootstrap 3; проблема в том, что preventDefault() не работает preventDefault() образом по той причине, которую я не могу определить.

Ниже мой код:

index.html:

<div class="container">
    <li>
        <a href="/stc/modalRemote.html" data-toggle="modal" data-target="#modalDefault">
            <b class="glyphicon glyphicon-plus"></b>
        </a>
    </li>
    <div id="modalDefault" class="modal fade"></div>
</div>

modalRemote.html:

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">plus/h4>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label for="inputPlus" class="col-sm-2 control-label">Plus</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputPlus" placeholder="Plus">
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" id="btnPlus" class="btn btn-default">Plus</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

index.coffee: (скомпилировано в index.js)

$('form').submit (e)->
  e.preventDefault()

gabeio 05 янв. 2014, в 04:07

Источник

Теги:

jquery

html

html5

coffeescript

1 ответ

Ещё вопросы

Ngobody · Accepted Answer · 2014-01-15T04-57-00.000Z

У меня была такая же проблема в удаленной модальной форме и она была решена путем добавления e.stopPropagation().

$('form').submit (e)->
  e.preventDefault()
  e.stopPropagation()