JQuery script nefunguje
Tento kód funguje:
-------------------------------------------------- --------------------------------
<script>
$(document).ready(function () {
$(".list-group-item").click(function (event) {
if ($(event.target).hasClass('active'))
{
$(event.target).removeClass('active');
} else {
// $(event.target).addClass('active');
}
});
});
</script>
-------------------------------------------------- --------------------------------
Aj tento kód funguje:
-------------------------------------------------- --------------------------------
<script>
$(document).ready(function () {
$(".list-group-item").click(function (event) {
if ($(event.target).hasClass('active'))
{
// $(event.target).removeClass('active');
} else {
$(event.target).addClass('active');
}
});
});
</script>
-------------------------------------------------- --------------------------------
Prečo nefunguje tento?
-------------------------------------------------- --------------------------------
<script>
$(document).ready(function () {
$(".list-group-item").click(function (event) {
if ($(event.target).hasClass('active'))
{
$(event.target).removeClass('active');
} else {
$(event.target).addClass('active');
}
});
});
</script>
-------------------------------------------------- --------------------------------
V prvom prípade sa mi prvok ktorý má nastavenú triedu active po kliknutí "zmení" na prvok bez triedy active.
V druhom prípade sa mi prvok ktorý nemá nastavenú triedu active po kliknutí "zmení" na prvok s triedou active.
V treťom prípade sa po kliknutí na prvok nič nestane (chcel by som aby sa kliknutím pridávala resp. mazala trieda active).