У меня есть список таких данных, как цель и значение из ajax метода get . Проблема в том, что я хочу привязать значение к определенному c div .., который не работает. .
Это код
$(document).ready(function(){
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.get('/api/progress', function(response, status){
console.log(response);
var data = response.data;
var progress = [];
$.each(data , function(index,val){
$("#appContent").append(`
<div class ="progressContent" id="`+val.id+`">
<div> Goal:`+val.goal+`</div>
<div id ="content"> Value: `+val.value+`</div>
</div>
`);
});
})
// Pusher
var pusher = new Pusher('API_KEY', {
cluster: 'ap3',
encrypted: true
});
// Subscribe to the channel we specified in our Laravel Event
var channel = pusher.subscribe('progress');
// Binding a function to a Event
channel.bind('App\\Events\\UpdatedValue', function(data){
console.log(data);
var itemID = data.id;
var newValue = data.value;
var targetGroup = $('.progressContent').attr('id',itemID );;
var targetItem = targetGroup.find('content');
targetItem.innerHTML = 'Value:' + newValue;
});
});
Когда я запускаю событие через tinker
>>> $record = Progress::find(3);
[!] Aliasing 'Progress' to 'App\Progress' for this Tinker session.
=> App\Progress {#3080
id: 3,
name: "Et optio qui.",
goal: 600,
description: "Architecto ut corporis velit.",
value: 923,
}
>>> $record->value = $record->value + 20
=> 943
>>> $record->save();
=> true
Значение должно быть привязано к 3-му div .. со значением 943 . Но значение не привязывается к приведенному ниже выводу в 3-й div. Должно быть 943, но это 923
Goal:425
Value: 42
Goal:0
Value: 421
Goal:600
Value: 923
Goal:1550
Value: 381
Может ли кто-нибудь помочь решить эту проблему.
Спасибо