Hallo,
da meine Kenntnisse über Javascript sehr schlecht sind, weiss ich nicht genau wo das Problem liegt.
Sobald man etwas Liked, wird die Zahl +1 genommen oder halt -1.
Das Problem ist hierbei es funktioniert so:
Spoiler anzeigen
PHP
<p>
Gefällt <span class="like_name"><?php echo $likes; ?></span>
<a href="like.php?type=article&id=<?php echo $row['p_id'];?>" class="like-link">
<i class="far fa-heart"></i>
</a>
</p>aber nicht so:
Spoiler anzeigen
PHP
<p>
<a href="like.php?type=article&id=<?php echo $row['p_id'];?>" class="like-link">
<i class="far fa-heart"></i>
</a>
Gefällt <span class="like_name"><?php echo $likes; ?></span>
</p>JS Code:
Spoiler anzeigen
Code
function likeLink(e) {
e.preventDefault()
var likeLink = $(this)
var likeCounter = $(this).prev()
var href = $(this).attr('href')
var isLiked = $(this).hasClass('liked')
var currentCount = parseInt(likeCounter.text())
// ajax request
$.get(href, function(data) {
// +1 like
if (isLiked) {
result = parseInt(currentCount) - 1
likeLink.removeClass('liked')
likeLink.html('<i class="far fa-heart"></i>')
href = href.replace('articles', 'article')
} else {
result = parseInt(currentCount) + 1
likeLink.addClass('liked')
likeLink.html('<i class="fas fa-heart"></i>')
href = href.replace('article', 'articles')
}
likeLink.attr('href', href)
// set new count
likeCounter.text(result)
})
}Ein Bsp Video: