Функция resize() срабатывает не полностью?

Question

[Дмитрий]

В общем есть что-то вроде такого:

function sidebar() {
	if ($(window).width() < 1000) {
		$('.services-title').click(
			function(){
				$('.services-list').stop().slideToggle(400);
			},
			function(){
				$('.services-list').stop().slideToggle(400);
			}
		);

		$('.projects-title').click(
			function(){
				$('.projects-list').stop().slideToggle(400);
			},
			function(){
				$('.projects-list').stop().slideToggle(400);
			}
		);

	}	
}
sidebar();

function removeNameBr() {
	if ($(window).width() < 800) {
		$('.news-item_name h3').find('br').remove();
	}	
}
removeNameBr();

$(window).resize(function () {
	removeNameBr();
	sidebar();
});

Если сужать от большего к меньшему, то resize() работает как нужно, но наоборот не работает вообще. В чем проблема?

Comments

[Kovalsky]

То есть если вы загрузите эту страницу с шириной окна <800 пикселей, у вас не удалятся
и не повесятся listener'ы?

[Дмитрий]

Никита Полевой: не очень вас понял. Если я загружу эту страницу, с любой шириной, у меня все сработает как нужно. Но когда я начну её ресайзить, то начинается трабл: от большего к меньшему без проблем, а от меньшего к большему просто не срабатывает.

Answer 1

[iBird Rose]

пропишите после
if ($(window).width() < 1000) { ... } else { возвращение в дефолтное состояние. как должно быть на больших экранах }

также в function removeNameBr() { } удалили и после через else - верните его обратно

Comments

[Дмитрий]

Дак а на больших экранах функция просто не должна работать. Я не знаю что нужно писать, что бы запретить её выполнение. Можете подсказать в какую сторону гуглить?

На счет второй функции я понял свою ошибку, спасибо.

[iBird Rose]

Дмитрий: сделай тогда в $('.services-title').click(function(e){
e.preventdefault();
},