布尔变量不保持当前状态

Question

我正在尝试分配一个布尔值以在单击类 .ion-ios-pause 时进行更改。如果它被点击，那么它不应该在之后运行player.skipTo(player.playlist.length-1); 行。但是，invalid 变量始终为 false（除了当我在.click() 中使用 console.log 时。我认为由于我在两个语句的范围之外声明了我的变量，因此该变量应该在.click() 也有作用，但没有。我错过了什么？

function clickSongPlay(artist, title, url, imageURL) {
    //debugger;
    player.playlist.push(
        {
            title: title,
            artist: artist,
            file: url,
            imageURL: imageURL,
            howl: null
        }
    );
    ////HERE IS THE CODE SNIPPET/////
    var invalid = false;

    $(".ion-ios-pause").click(function () {
        player.pause();
        invalid = true;
    });

    if (invalid === false) {
        player.skipTo(player.playlist.length - 1);
    }
   //////END RELEVANT CODE SNIPPET///////

}

HTML：

<div><i class="icon ion-ios-play music-control" onclick="clickSongPlay('@song.Artist','@song.Title','@song.URL','@song.Album.ImageURL', this);"></i></div>

Answer 1

我不确定你想要实现什么，但是当你的主函数被调用 clickSongPlay 时，它会将变量 invalid 设置为 false 将 click() 侦听器附加到 $(".ion-ios-pause") 但确实如此此时不要执行它，然后它会检查if 语句。

您的 if 语句仅在调用主函数时执行，而不是在单击后执行，并且每当您调用该函数时，它会将值重置为 false，因此您将始终执行 if 语句。

最简单的解决方法是获取var invalid = false; 并将其放在您的函数之外。您可能还想将整个点击侦听器放在函数范围之外。

Answer 2

您的问题是，在click 事件触发后，您也应该进行验证检查。您可以执行以下代码之类的操作：

var invalid = false;
function clickSongPlay(artist, title, url, imageURL) {
//debugger;
player.playlist.push(
    {
        title: title,
        artist: artist,
        file: url,
        imageURL: imageURL,
        howl: null
    }
);

$(".ion-ios-pause").click(function () {
    player.pause();
    invalid = true;
    validationCheck();
    });
    validationCheck();
}
function validationCheck()
{
if (invalid === false)
    {
    player.skipTo(player.playlist.length - 1);
    }
}