Запустите jQuery, основываясь на том, где будет находиться элемент

Question

Запустите jQuery, основываясь на том, где будет находиться элемент

0

Я подозреваю, что это очень просто, но мне не повезло найти ответ.

Я хочу использовать jQuery для медленного удаления элемента, когда пользователь на него нависает, а затем возвращает его, когда пользователь перемещает свою мышь от места, где находится элемент WAS. Прямо сейчас, акт удаления элемента сразу же запускает событие, и я не хочу этого. Есть ли простой способ сделать это с помощью jQuery?

    $("#id").hover(function(){
    $(this).hide("slow");
    });

    $("#id").mouseleave(function(){
    $('#id1').show("slow");
    });

Я уверен, что вы могли бы использовать CSS, чтобы сделать его невидимым, и удалить его из обычного потока документов и т.д. И т.д., Но мне интересно, нет ли более простого способа.

ebrts 02 май 2014, в 20:40

Источник

2

Я предлагаю вам отказаться от скрытия / показа и вместо этого оживить непрозрачность до нуля. Теперь пользователь не увидит его, но он все еще существует для событий мыши. Помните, что ролловеры не очень хорошо работают на мобильных устройствах.
spender 02 май 2014, в 17:45
0

Добавлен код @spender к сожалению, это не может быть просто невидимым, мне нужны вещи под ним, чтобы двигаться вверх
ebrts 02 май 2014, в 17:47
0

смотреть в .stop ()
Kai Qing 02 май 2014, в 17:49
0

Зачем вам это нужно "двигаться вверх"? Так что-то внизу может принимать события?
spender 02 май 2014, в 17:49
0

@spender нет, просто требование дизайна для того, как должна выглядеть страница, когда элемент скрыт
ebrts 02 май 2014, в 17:52
1

Итак, я думаю, что ваш единственный вариант - скрыть И захватить границы элемента (относительно родительского элемента) в mouseenter, а затем проверить, не вышли ли вы за эти границы при перемещении мыши родительского элемента ... если есть, покажите.
spender 02 май 2014, в 17:58
0

Пожалуйста, предоставьте скрипку или plunkr со всей необходимой разметкой и т.д. Спасибо
Robin Drexler 02 май 2014, в 18:50

Показать ещё 5 комментариев

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

Я предлагаю вам отказаться от скрытия / показа и вместо этого оживить непрозрачность до нуля. Теперь пользователь не увидит его, но он все еще существует для событий мыши. Помните, что ролловеры не очень хорошо работают на мобильных устройствах.
Добавлен код @spender к сожалению, это не может быть просто невидимым, мне нужны вещи под ним, чтобы двигаться вверх
Зачем вам это нужно "двигаться вверх"? Так что-то внизу может принимать события?
@spender нет, просто требование дизайна для того, как должна выглядеть страница, когда элемент скрыт
Итак, я думаю, что ваш единственный вариант - скрыть И захватить границы элемента (относительно родительского элемента) в mouseenter, а затем проверить, не вышли ли вы за эти границы при перемещении мыши родительского элемента ... если есть, покажите.
Пожалуйста, предоставьте скрипку или plunkr со всей необходимой разметкой и т.д. Спасибо

jayaguilar · Answer 1 · 2014-05-02T16-33-00.000Z

вы можете переключать непрозрачность и получать те же результаты, что и вы:

$("#id").mouseenter(function(){
$(this).animate({opacity:0});
});

$("#id").mouseleave(function(){
$(this).animate({opacity:1});
});