Jquery引导多个模态

时间:2014-07-18 09:55:05

标签: jquery twitter-bootstrap modal-dialog

所以我有这个函数在我的数据库中设置一个成就,并返回有关在bootstrap 3模态中显示的成就的信息。

function setAchievement(idAchievement){
    $.ajax({
        url: "http://localhost:8080/licenta/setAchievement",
        data:{"idAchievement":idAchievement}
    }).then(function(data) { 
        if (data.description != "null"){ // if update was made
            $("#description").text(data.description); // set the divs with infos received about the achievement
            $("#xp-gained").text(data.xpGained);
        }
    });
    $("#achievementsModal").modal("show");  // display the modal
    $( "#continue" ).click(function() {  // close the modal when the continue button is clicked
        $("#achievementsModal").modal("hide");
    });
}

当我只调用一次这样的函数时,这个工作正常:

setAchievement(0);  

但有时用户可以做2-3个成就,所以我需要显示2-3个模态(当我关闭一个时,下一个应该打开)。

setAchievement(0);  
setAchievement(1);  
setAchievement(2);  

这就是我的问题,即使我的数据库更新了所有3个成就,在视图页面上只打开一个模态(对于第一个setAchievement(0)调用)。

我无法找到解决此问题的方法。任何提示都会很棒。感谢。

0 个答案:

没有答案