$ (this) .toggleclass с использованием Google MDL [закрыто] ⇐ Jquery

[Anonymous]

Итак, я занят созданием мини-веб-магазина, и я использую шаблон Front-End (MDL) Google < /p>
То, что я хотел сделать в своем веб-магазине, когда пользователь нажимает на x продукт, я хочу переключить класс, < /p>
Я использую закрытие внутри, чтобы обнаружить Clicks на любой продукт, < /p>
. переключать. Я попытался использовать AddClass, который работает, но это не так удобно, потому что я действительно хочу переключить класс (от выбранного продукта, чтобы не выбрать) < /p>
Проверьте мой фрагмент, и вы поймете, вы увидите, что я правильно обнаруживаю клики. Но переключение классов не работает. < /P>

Код: Выделить всё

$(document).ready(function() {
console.log("Document ready");
for (var i = 1; i < $(".products").length; i++) {
(function(index){
$(".products").click(
function(e){
console.log("click successfull!");
console.log(this);
$(this).css("border", "1px solid #1976D2");

$(this).toggleClass("mdl-shadow--16dp");
});
})(i);
}

$("#Card").keyup(function(event){
if(event.keyCode == 84){
console.log("Class toggled!");
$(".products").toggleClass("mdl-shadow--2dp mdl-shadow--16dp");
}
});

});< /code>
.mdl-card__actions{
display: flex;
box-sizing:border-box;
align-items: center;
}
.page-content .mdl-card {
display: inline-block;
margin: 5px 5px 5px 5px;
}< /code>










Dell XP13 

[i]
Basisprijs: 1.649,00$


Add to cart


add_shopping_cart[/i]




Chromebook pixel2

[i]
Basisprijs: 999,99$


Add to cart


add_shopping_cart[/i]




Macbook 13'

[i]
Basisprijs: 1.129,00$


Add to cart


add_shopping_cart[/i]

Я покажу вам эффект, который я переключаю по отдельной ссылке, в этой ссылке я переключаю эффект для всех «divs», но я не буду за клик.

Подробнее здесь: https://stackoverflow.com/questions/322 ... oogles-mdl