localStorage.setitem и метод filter()

178
09 мая 2018, 02:22

У меня есть 2 ссылки и 2 блока.

<a class="test" href="/projects/#Webdesign" data-category="Webdesign">Webdesign</a>
<a class="test" href="/projects/#Mobile" data-category="Mobile">Mobile</a>
<div id='Mobile' class="project-banner">mobile block</div>
<div id='Webdesign' class="project-banner">webdesign block</div>

При клике на ссылку .test, я записываю в localStorage элемент, который хочу отфильтровать по совпадению target на id блока.

$('.test').click(function () {
const target = this.hash;
console.log(target); //#Mobile
localStorage.setItem('project', $(".project-banner").hide().filter(target).show());
});
if (localStorage.getItem('project') !== null) {
    setItem('project', $(".project-banner").hide().filter(target).show());
}

Но проблема в том, что либо не срабатывает метод filter() в localStorage, или в логике моего кода что-то неверно.

Answer 1

Корректный код:

    $('.test').click(function (e) {
        e.preventDefault();
        const target = this.hash;
        console.log(target); //#Mobile
        localStorage.setItem('project', target);
        $(".project-banner").hide().filter(target).show();
    });
    if (localStorage.getItem('project') !== null) {
        $(".project-banner").hide().filter(localStorage.getItem('project')).show();
    }
Answer 2

Проблема в том что localStorage принимает лишь строку, а ты пытаешься положить непонятые действия.

Попробуй следующий код:

$('.test').click(function () {
    const target = this.hash;
    console.log(target); //#Mobile
    localStorage.setItem('project', target);
    )};
if (localStorage.getItem('project') !== null) {
    $(".project-banner").hide().filter(target).show();
    setItem('project', target);
}
READ ALSO
ASP.NET MVC Ошибка 0x800a1391 - Ошибка выполнения JavaScript: &ldquo;$&rdquo;

ASP.NET MVC Ошибка 0x800a1391 - Ошибка выполнения JavaScript: “$”

УчусьРазбираю лекцию ITVDN MVC4 WebApi, вторая лекция

188
распарсить массив в скрипте

распарсить массив в скрипте

как вывести значение success в скрипте

216
Маска для input на js

Маска для input на js

Необходимо написать маску для input на jsСложность заключается в том что в целой части максимум должно быть четыре цифры, а в дробной максимум...

509
Ошибка без объяснения причин

Ошибка без объяснения причин

Написал приложение, но при его старте вылетает вот такая ошибка

208