Если функция не возвращает false?

Question

У меня есть следующие click события:

$('#planung').click(function(){ 
    if($current != $('#planungtext')){ 
     console.log($current); 
     console.log($('#planungtext')); 
     $($current).removeClass('active'); 
     setTimeout(function(){$('#planungtext').addClass('active')}, 1000); 
     $current = $('#planungtext'); 
    } 
}); 

Я использовал журнал, чтобы увидеть содержимое моих переменного и '#planungtext' элемента. Они точно такие же, но функция if работает не так, как хотелось бы, поскольку она все еще идет в нее.

$ current не устанавливается перед первым щелчком элемента.

Я делаю что-то неправильно здесь?

Answer 1

Два объекта JQuery указывают на одних и тех же DOM элементов, но разные массивы (объекты JQuery, по существу, только массивы за кулисами с дополнительным материалом).

Использование JQuery ishttp://api.jquery.com/is/, чтобы проверить, если тот же селектор будет соответствовать им:

if(!$current.is('#planungtext')){ 

Самый быстрый способ сделать это проверить «вручную» является:

if ($current[0].id !== '#planungtext'){ 

Он упоминается в комментариях, что $ current - это переменная jQuery (хороший стандарт именования), но первоначально undefined, и в этом случае почти каждое обнаруженное решение будет аварийно завершено. Вам нужно инициализировать $ current для пустого объекта jQuery, чтобы обеспечить наиболее последовательное поведение (объекты jQuery никогда не должны быть неопределенными, чтобы их можно было использовать таким образом, иначе вам нужно их повторно обернуть, например, с помощью $($current), который я не рекомендую в качестве решения к неинициализированной переменной jQuery):

var $current = $(); // $() returns an empty jQuery object 

Answer 2

Предполагая, что $current является еще одним объектом jQuery, вы не можете сравнивать объекты, подобные этому. Однако вы можете сравнить их внутренние ценности. Изменение:

$current != $('#planungtext') 

To:

$current[0] != $('#planungtext')[0] 

Answer 3

Если ваш сравнения входной элемент 2 HTML, вы можете проверить только ID атрибут.

С #planungtext - это уже уникальный идентификатор.

$($current).attr('id') !== 'planungtext'