Witajcie mam kod PHP "Powiadomienień" :
if(http://www.php.net/mysql_num_rows($wynik) > 0) { while($r = http://www.php.net/mysql_fetch_assoc($wynik)) { http://www.php.net/echo ' <table class="table noti"> <tr> <input type="hidden" id="idnoti" value="'.$r['id'].'"> <td><span style="background:'.$r['color'].'; padding-top: 5px;" class="noft-icon fa '.$r['icon'].'"></span></td> <td class="textnoti">'.$r['tresc'].'</td> <td class="closenoti"><i class="fa fa-times-circle" aria-hidden="true"></i></td> </tr> </table> '; } }
<script type="text/javascript"> //Rejestracja $(document).ready(function(){ $(".closenoti").click(function () { var idnoti = $("#idnoti").val(); $.ajax({ url:"noti/change.php", method:"POST", data:{idnoti:idnoti}, dataType:"JSON", success:function(data) { } }) }); }); </script>
Cześć,
dzieje się tak ponieważ pobierasz zawsze ten sam element (var idnoti = $("#idnoti").val();). Używaj $(this) po kliknięciu. Na upartego wystarczy zmienić u Ciebie jedną linijkę:
var idnoti = $("#idnoti").val();
na: var idnoti = $(this).parent().find("#idnoti").val();
ale ja bym napisał to mniej więcej tak:
if(http://www.php.net/mysql_num_rows($wynik) > 0) { while($r = http://www.php.net/mysql_fetch_assoc($wynik)) { http://www.php.net/echo ' <table class="table noti"> <tr> <td><span style="background:'.$r['color'].'; padding-top: 5px;" class="noft-icon fa '.$r['icon'].'"></span></td> <td class="textnoti">'.$r['tresc'].'</td> <td class="closenoti"><a href="#" data-action="change" data-id="'.$r['id'].'"><i class="fa fa-times-circle" aria-hidden="true"></i></a></td> </tr> </table> '; } }
<http://december.com/html/4/element/script.html type="text/javascript"> //Rejestracja $(document).ready(function() { $('table.noti').on('click','[data-action="change"]', function(e) { e.preventDefault(); var id = $(this).attr('data-id'); $.ajax({ url:"noti/change.php", method:"POST", data:{idnoti:id}, dataType:"JSON", success:function(data) { console.log(data); } }) }); }); </http://december.com/html/4/element/script.html>
Dziękuję!
Można zamknąć.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)