.modal('show')和.modal()

时间:2019-01-17 07:18:02

标签: bootstrap-4 bootstrap-modal

如果不带选项使用.modal(),则其行为似乎与.modal('show')相同。即使在再次调用.modal()之后,在我的模式中输入到表单输入字段中的任何内容仍会保留在那里。

不与选项一起使用时,这两种方法之间是否有区别?如果不是,.modal('show')的唯一目的是向后兼容吗?

1 个答案:

答案 0 :(得分:1)

这是用于通过default options 初始化模式:

$('#myModal').modal();

由于show 选项的默认值为 true ,因此它实际上与调用...相同。

$('#myModal').modal({show:true});

,使用show 方法明确显示模态,而不考虑show option 的值> ...

$('#myModal').modal('show');

但是,如果要将show选项的值更改为 false (通过数据属性或JS)。

<div id="myModal" class="modal fade" tabindex="-1" data-show="false">
    <div class="modal-dialog">
        <div class="modal-content">
         ..
        </div>
    </div>
</div>

调用$('#myModal').modal();自动显示模式。

演示:https://www.codeply.com/go/I0oPNSvX5M