麻烦改变变量，jquery

Question

我有一个我定义为default_gym的变量。在onclick中我改变了变量。问题是当我在函数menu_expand中引用变量时，通过悬停变量没有改变，或者说'#newburyport'没有取css。

var default_gym;

$('.intro_circle').on('click', function () {
  if ($(this).is("#intro_newburyport")) {
    var default_gym = 'newburyport';
  }
});




function menu_expand() {
     $('#'+default_gym).css({
        color:"#ffffff"
     });
}


$('#menu-wrapper').hover(
  function() {
    if ( $('#menu-wrapper').hasClass('safe_hover')) {
      menu_expand();
    }
  },
  function() {
    if ( $('#menu-wrapper').hasClass('safe_hover')) {
      menu_collapse();  
    }
  }
);

Answer 1

您正在点击功能中创建一个新变量。删除var以将值分配给现有的全局变量

Answer 2

删除jQuery方法中的“var”：

$('.intro_circle').on('click', function () {
  if ($(this).is("#intro_newburyport")) {
    default_gym = 'newburyport';
  }
});