相关疑难解决方法(0)

输入按键时避免模态解除

我已经设置了一个带有表单的bootstrap模式,我只是注意到当我按下Enter键时,模态被解除了.按Enter键有没有办法不解雇它?

我尝试用键盘激活模态:false,但这只能阻止使用ESC键解雇.

forms modal-dialog twitter-bootstrap

103
推荐指数
5
解决办法
5万
查看次数

在Twitter Bootstrap模式中输入keypress时触发onClick事件

我在Twitter Bootstrap Modal之上构建了一些模态,每个模式都有至少一个提交按钮,这是我在大多数情况下需要触发的默认操作,因为第二个按钮用于返回(关闭模态),如何,打开一个模态,当我按Enter键时,我可以触发提交的任何动作吗?例如,现在,因为它们是按钮我有类似的东西:

$("#btn").on("click", function(e){
    e.preventDefault(); // wait... not send form yet, will be a Ajax call
});
Run Code Online (Sandbox Code Playgroud)

有帮助吗?示例代码?

作为参考,这是模态内容(我使用Twig作为Symfony2项目的一部分,所以不要担心{{ }}):

<div class="modal fade " id="addNorma" tabindex="-1" role="dialog" aria-labelledby="addNorma" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">{{ 'boton.cerrar'|trans({}, 'AppBundle') }}</span></button>
                <h4 class="modal-title" id="myModalLabel">{{ 'modal.normas.titulo'|trans({}, 'AppBundle') }}</h4>
            </div>
            <div class="modal-body">
                <form id="buscadorNorma" method="POST">
                    <div class="spacer10"></div>
                    <div class="row">
                        <div class="col-md-5 col-lg-5 col-sm-5 col-xs-5">
                            <label for="codigo_norma">{{ 'modal.normas.codigo'|trans({}, 'AppBundle') }}</label>
                            <input type="text" class="form-control" id="codigo_norma" …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery twitter-bootstrap-3

0
推荐指数
1
解决办法
1万
查看次数