Я хочу сделать динамическое обновление иконки уведомление на yii2. Но проблема в том что он начинает создавать div и в него закидывать данные из бд.Так же он обновляет иконку , но нажать на нее можно только в то время пока скрипт ее не обновит, после иконка становится некликабельной, чтобы можно было на нее нажать надо обновлять страницу и открыть до того как скрипт не отработает.
Подключил в layout виджет use yii\widgets\Pjax; и иконку обернул в
<?php Pjax::begin(['id' => 'pjax-container']); ?>
<?= Notifications::widget() ?>
<?php Pjax::end(); ?>
В script.js прописал вызов каждые 3 секунды.
$(document).ready(function(){
setInterval(function(){
$.pjax.reload('#pjax-container')
}, 3000);
Файл компонента Notifications.php
<?php
namespace frontend\components;
use yii\base\Widget;
use app\models\Notification;
use Yii;
use yii\helpers\Html;
class Notifications extends Widget
{
public function run()
{
if (!Yii::$app->user->isGuest){
$notifications = Notification::find()->where(['id_user' => Yii::$app->user->id, 'active' => 1])->all();
echo '<div class="notification">';
echo $notifications == null ? '<div class="notification-icon">' : '<div class="notification-icon newNotification">';
echo '<span class="glyphicon glyphicon-bell"></span>
</div>
<div class="notification-container hidden">
<div class="notification-container_message">';
foreach ($notifications as $notification){
echo '<div>'.Html::a($notification->name, ['notification/read-notice', 'id' => $notification->id], ['class' => 'notification-content']).'</div>';
}
echo '</div><div class="notification-all"><span>'.Html::a('Показать все', ['notification/index']).'</span></div>';
echo '</div>
</div>';
}
}
}