Question

我已经制作了这个模态，它只在第一次访问网站时显示

$(document).ready(function(){
    setTimeout(function(){
        if(!Cookies.get('modalShown')) {
            $("#myModal").modal('show');
            Cookies.set('modalShown', true);
        } else {
            alert('You already saw the modal')
        }
    },1000);
});

在模式中，它显示了添加应用程序的新功能的内容。所以我的目标是每次更新模态内容时向用户显示模态。我怎么能这样做？

Answer 1

您可以在Cookie值中使用版本控制：

var currentRelease = "1.0.1",
currCookie = Cookies.get('modalShown')

setTimeout(function(){
    if(!currCookie || currCookie != currentRelease) {
        $("#myModal").modal('show');
        Cookies.set('modalShown', currentrelease);
    } else {
        alert('You already saw the modal')
    }
},1000);

请注意，此方法会强制您更新“currentRelease”的值你也可以将模态的文本内容加密到md5并在你的cookie中使用该值，所以每当模态值改变时，md5都会改变

Answer 2

所以这对我有用：

$(document).ready(function() {
    var currentRelease = document.getElementById("version").innerHTML;
    var currCookie = Cookies.get('modalShown');
    setTimeout(function () {
        if(!currCookie || currCookie != currentRelease) {
            $("#myModal").modal('show');
            Cookies.set('modalShown', currentRelease);
        }
    }, 1000);
});

身份version是modal-content的一部分，因此，一旦我更改了内容中的内容，用户就会在内容更改后第一次访问时再次看到该模式。

更新时向用户显示模态

2 个答案: