Jquery调整分辨率，反之亦然

当您运行此代码（请参阅链接）且宽度大于600px时，链接将变为绿色并可单击。如果使用中间条将分辨率降低到小于600px，链接将变为红色，链接将被禁用。这很好

问题是，如果您在屏幕小于600px时开始运行代码，代码将变为红色，是的，但如果您使用中间条提高分辨率，链接将变为绿色。我正试图让jquery以两种解析方式运行

（我正在寻找这样一个简单的插件，而不需要更大的库）

演示：

我在这方面做错了什么，这样我就可以让jquery以适当的分辨率运行？

var eventFired = 0;

if ($(window).width() > 600) {
    $('a').css( "color", "green" );
}
else {
    $('a').click(false);
    $('a').css( "color", "red" );
    eventFired = 1;
}

$(window).on('resize', function() {
    if (!eventFired) {
        if ($(window).width() > 600) { //larger than 600 res
            $('a').unbind('click'); //enable click
            $('a').css( "color", "green" ); //change to green
        } else { //smaller than 600 res
            $('a').click(function () {return false;});//disable click
            $('a').css( "color", "red" ); //change to red
        }
    }
});

---

最初运行代码时，

eventFired

设置为

1

。事件处理程序（

！eventFired

）中的条件永远不会为true，因此不会发生任何操作。

最初运行代码时，

eventFired

设置为

1

。事件处理程序（

！eventFired

）中的条件永远不会为true，因此不会发生任何操作。

最初运行代码时，

eventFired

设置为

1

。事件处理程序（

！eventFired

）中的条件永远不会为true，因此不会发生任何操作。

最初运行代码时，

eventFired

设置为

1

。事件处理程序（

！eventFired

）中的条件永远不会为true，因此不会发生任何操作。

只需删除引用

eventFired

的任何内容即可。你真的不需要这个

---

只需删除引用

eventFired

的任何内容。你真的不需要这个

---

只需删除引用

eventFired

的任何内容。你真的不需要这个

---

只需删除引用

eventFired

的任何内容。你真的不需要这个

---

我感谢你的观察。谢谢希望这也能帮助其他人。我感谢你的观察。谢谢希望这也能帮助其他人。我感谢你的观察。谢谢希望这也能帮助其他人。我感谢你的观察。谢谢希望这也能帮助其他人。

//var eventFired = 0;

if ($(window).width() > 600) {
    $('a').css( "color", "green" );
}
else {
    $('a').click(false);
    $('a').css( "color", "red" );
    //eventFired = 1;
}

$(window).on('resize', function() {
    //if (!eventFired) {
        if ($(window).width() > 600) { //larger than 600 res
            $('a').unbind('click'); //enable click
            $('a').css( "color", "green" ); //change to red
        } else { //smaller than 600 res
            $('a').click(function () {return false;});//disable click
            $('a').css( "color", "red" ); //change to green
        }
    //}
});