ブートストラップモーダルウィンドウを作成して開きます。

Question

現在のdhtmlxモーダルウィンドウをブートストラップモーダルウィンドウに置き換えます。私のアプリケーションは現在、dthmlxモーダルウィンドウのインスタンスを格納して使用するためにコンテナを使用しています。

myContainer = new dhtmlXWindows(); 

私はブートストラップと同じことをやってみたいけど、でもJSFiddleに、ブートストラップモーダルインスタンスを開くことができるように見えることはできません。

私はこのようになりますan exemple of what I want to doが見つかりました：

var dialogInstance = new BootstrapDialog({ 
    title: 'Dialog instance', 
    message: 'Hi Apple!' 
}); 
dialogInstance.open(); 

しかし、このコードはthe JSFiddle I created to test itで何もしませんが。

あなたの問題を解決する方法がありますか？私はダイアログを作成するためにHTMLコードを使用したくないので、私はJSのように私のフィドルのように持っている必要があります。

ありがとうございます。

Answer 1

// Using init options 
 
     var dialogInstance1 = new BootstrapDialog({ 
 
      title: 'Dialog instance 1', 
 
      message: 'Hi Apple!' 
 
     }); 
 
     dialogInstance1.open(); 
 
     
 
     // Construct by using setters 
 
     var dialogInstance2 = new BootstrapDialog(); 
 
     dialogInstance2.setTitle('Dialog instance 2'); 
 
     dialogInstance2.setMessage('Hi Orange!'); 
 
     dialogInstance2.setType(BootstrapDialog.TYPE_SUCCESS); 
 
     dialogInstance2.open(); 
 
     
 
     // Using chain callings 
 
     var dialogInstance3 = new BootstrapDialog() 
 
      .setTitle('Dialog instance 3') 
 
      .setMessage('Hi Everybody!') 
 
      .setType(BootstrapDialog.TYPE_INFO) 
 
      .open();

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> 
 

 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/css/bootstrap-dialog.min.css"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/js/bootstrap-dialog.min.js"></script>

参照してください。はいhttp://www.jqueryscript.net/lightbox/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog.html