1

У меня есть видимый квадрат(#square) и такой код:

$(document).ready(function(){
  var show = true;

  $(".top").mouseenter(function(){
    show = false; 
  });

  $(".top").mouseleave(function () {
    show = true;
  });

  if (show == false) {
    $("#square").hide()
  }
});

Как сделать так, чтобы квадрат все-таки пропадал, если я наведу мышь на нужную точку?

1 ответ 1

3

Условие не выполнится никогда.

  if (show == true) {
    $("#square").hide() // ; <--- не забываем
  }

почему сразу не сделать вместо присваивания переменной show значения, конкретное действие

$(".top").mouseleave(function () {
   $("#square").hide();
}); 

и тд..

10
  • 1
    почему сразу не сделать вместо присваивания переменной show значения, конкретное действие - потому что возможно на эту переменную завязана еще какая-то логика где-либо в коде? 5 июн 2017 в 13:46
  • возможно, но сие действо можно вынести в функцию например..
    – haswell
    5 июн 2017 в 13:48
  • 1
    jsfiddle.net/cbxdgy06/2 попробуй через функцию, если напрямую не хочешь по событию
    – haswell
    5 июн 2017 в 14:11
  • 1
    @lalalala на событие mouseenter Вы зарегистрировали обработчик function(){ show = false; } - это весь код, который выполнится на это событие.
    – user176262
    5 июн 2017 в 14:13
  • 1
    @Daymon содержимое функции ShowOrHide в вашем fiddle можно сократить до $("#square").toggle(val);. Пример.
    – Regent
    5 июн 2017 в 14:15

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.