Bootstrap modelの使用と外部をクリックして消えません.

2684 ワード

1.コード:



当然你也可以用js来控制。

如下代码:

显示:$('#myModal').modal('show');

隐藏:$('#myModal').modal('hide');

开关:$('#myModal').modal('toogle');

事件:   $('#myModal').on('hidden', function () {// do something…});

注意:我这边用到了href属性,这是让model去 remote一个url。当然 ,你可以把你要的内容,直接写在model-body里面。

认真看model的div结构,你就会明白,model-body是代表内容,model-header是头部,那么如果要在底部加两个按钮,那么就得用下面的代码了。

注意:modelに幅を設定するには、レイアウトを追加しなければなりません.modelを下のコードブロックに置いて、modelの幅を設定します.style=「width:500 px」です.そうです.spanスタイルで直接にクラスに入れてはいけません.
ポップアップフレームを外部にクリックして消えないようにするには、次の属性のdata-backdrop=「static」をトリガーモードボックスのコンポーネントに追加します.