2016-09-21 19 views
2

私はthisの公式文書を参照していましたが、まだそれを得ることができません。私は必要なcssとjsファイルをすべてインポートしましたが、まだ動作していないようです。私は現在、ubuntuのFirefoxとWindowsのChromeでテスト中です。 bootboxはすべてのタイプのブラウザと互換性がありますか?私はbootboxすなわち4.xのbootbox.promptを動作させるには?

後の最新バージョンを使用していますと、コードの一部です:

$(".alert").click(function(e) { 
 
    bootbox.prompt("Hello world!", function(result) { 
 
    <!-- Some Code --> 
 
    }); 
 
    });
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script> 
 

 
<body> 
 
     
 
    <p>Content here. <a class="alert" href=#>Alert!</a></p> 
 

 
</body>

答えて

2

私はコードスニペットと誤って固定にあなたのポストをオンにしようとしていましたあなたの問題。

このエラーが示すようにJQuery 1.9.1以上を使用する必要があります。あなたの問題はそこにあり、bootbox自体ではないようです。

"message": "Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4". 
以下

更新されたコード:

$(".alert").click(function(e) { 
 
    bootbox.prompt("Hello world!", function(result) { 
 
    <!-- Some Code --> 
 
    }); 
 
    });
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script> 
 

 
<body> 
 
     
 
    <p>Content here. <a class="alert" href=#>Alert!</a></p> 
 

 
</body>

+0

おかげで、それは働きました! –

関連する問題