как связать значение, инициированное событием через пушер в laravel? - PullRequest
0 голосов
/ 14 июля 2020

У меня есть список таких данных, как цель и значение из 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

Может ли кто-нибудь помочь решить эту проблему.

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...