.modal('show')和.modal()的区别

Question

如果使用.modal()时没有选项，那么它的行为似乎与.modal('show')相同。在我的模式中输入到表单输入字段中的任何内容，即使在再次调用.modal()之后，仍然保留在那里。

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

Answer 1

这是用于初始化的--用默认选项初始化模型

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

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

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

或者，使用show 方法显式显示模态，而不考虑show 选项的值.

$('#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