jQuery事件中的三元运算符

Question

我想要一个按钮来根据变量的值触发不同的功能，但是三元运算符似乎不适用于 jQuery 事件触发器。

var color = "blue";

$(document).ready(function(){

    $('#bot').on('click', ((color==="blue") ? vlu : red));

});

function vlu(event){
    alert("Because the sky is blue...");
    color = "red";
}

function red(event){
    alert("Over the blood-red river.");
}

有没有办法做到这一点？非常感谢。

Answer 1

你需要使用闭包

$('#bot').on('click', ( function() { 
    if (color==="blue") vlu();
    else red();
);

您可以使用三元运算符，但没有多大意义。似乎很奇怪，您只是没有将逻辑放在启动方法中。

Answer 2

你需要把它包装成一个闭包，类似于

（注意，我没有调试你的代码，只是在需要的地方添加了一个闭包）

var color = "blue";

$(document).ready(function() {

  $('#bot').on('click', function(e) {
      return ((color === "blue") ? vlu(e) : red(e)));
  }

});

function vlu(event) {
  alert("Because the sky is blue...");
  color = "red";
}

function red(event) {
  alert("Over the blood-red river.");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>