Как сохранить начальное значение?

Question

[Илья Пирожок]

Как сохранить начальное значение инпутов не вынося переменыне в глобальную обл. видимости??
Если писать так то при изменении ползунка цен они обновляются. Вот код:

function checkStatePrice() {
        var inputValMin = +$('.categories-filter').find('.price-label .price-input-min').val();
        var inputValMax = +$('.categories-filter').find('.price-label .price-input-max').val();
        if(+($('.categories-filter').find('.price-label .price-input-min').val()) !== inputValMin || +($('.categories-filter').find('.price-label .price-input-max').val()) !== inputValMax) {
            console.log(1);
            $('.price-wrap.categories-filter').show();
        } else {
            $('.price-wrap.categories-filter').hide();
        }
    }

Answer 1

[Владлен Хеллсайт]

Зачем так делать, чем вам переменные выше не угодили? Заверните в анонимную функцию и будет вам счастье.

var checkStatePrice = (function(){
	var $priceLabel = $('.categories-filter').find('.price-label');
	var $priceWrap = $('.price-wrap .categories-filter');

	var $inputMin = $priceLabel.find('.price-input-min');
	var $inputMax = $priceLabel.find('.price-input-max');

	var minValue = parseInt($inputMin.val());
	var maxValue = parseInt($inputMax.val());

	return function(){
		var min = parseInt($inputMin.val());
		var max = parseInt($inputMax.val());

		if (min !== minValue || max !== maxValue) {
			$priceWrap.show();
		} else {
			$priceWrap.hide();
		}
	}
})();

Comments

[Илья Пирожок]

Подробнее можно? Что именно обернуть в анонимную?

[Владлен Хеллсайт]

Илья Пирожок: обновил ответ.

[Илья Пирожок]

Хз, при перезагрузке pjax-ом все равно сбивает значения

Answer 2

[V Sh.]

Да много способов. Мне на ум пришли такие:
1) Использовать глобальные переменные в js-коде;
2) Использовать атрибут default-value у тегов;
3) Использовать local storage или куки.