2016-09-21 4 views
2

나는 공식 문서를 this에 회부했지만 아직까지는 제대로 작동하지 못하고있다. 필요한 CSS와 js 파일을 모두 가져 왔지만 여전히 작동하지 않는 것 같습니다. 현재 우분투 및 Firefox의 Windows에서 테스트 중입니다. 모든 종류의 브라우저와 호환되는 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

덕분에, 그것은했다! –

관련 문제