jquery как изменить content popover?

228
30 марта 2018, 11:12

Делаю на сайте popover с оповещениями, и надо чтоб его контент обновлялся автоматически когда приходит оповещение, когда надо скрипт срабатывает правильно, и единственное что не обновляеться это контент popover. Смотрите код:

function funcSuccess(){
    $('#click').attr("src", "img/red.png");
}


$(document).ready(function(){
var dataq;
function funcSuccessQuery(data){
    $('[data-toggle="popover"]').popover({ //сдесь даю popover контент
content: data
}); 
}
function query_not(){ //получаю с сервера список оповещений, работает
    $.ajax({
    url: "fornot.php",
        type: "POST",
        data: ({id: id3}),
        dataType: "html",
        success: funcSuccessQuery
});
  }
  function funcSuccessAlarm(data){ //функция которая реагирует на появление оповещений (3- есть, 0- нет)
    if(data == 3){
        $('#click').attr("src", "img/1red.png"); //меняю изображение, работает
        query_not(); //функция которая придает popover-у контент
    }
    if(data != 3){
        $('#click').attr("src", "img/red.png");
    }
} 
var id3 = "<?echo $accessed['id']?>";
 setInterval(function(){ //функция проверяющая наличие оповещений 
var id2 = "<?echo $accessed['id']?>";
$.ajax({
        url: "find_not.php",
        type: "POST",
        data: ({id: id2}),
        dataType: "html",
        success: funcSuccessAlarm
    });
}, 3000);
  $('#click').click(function(){
    var id1 = "<?echo $accessed['id']?>";
     $.ajax({
        url: "notifications.php",
        type: "POST",
        data: ({id: id1}),
        dataType: "html",
        success: funcSuccess
    });
    });
  query_not(); //исполняю получение контента при загрузке стрницы
});
 </script>  
 //создаю popover
<span style=\"color: #333;\"><a href=\"#\" title=\"Last notifications\" data-html=\"true\" data-trigger=\"focus\" data-toggle=\"popover\" data-placement=\"bottom\" id=\"mypopover\">";
                if ($not_real_real != 3) {
                    echo "<img src=\"img/red.png\" style=\"height: 15pt;\">";
                }
                if ($not_real_real == 3) {
                    echo "<img src=\"img/1red.png\" style=\"height: 15pt;\" id=\"click\">";
                }
                    echo "</a></span> | ";
        ?>
READ ALSO
Оптимальный размер фонового изображения для лендинга

Оптимальный размер фонового изображения для лендинга

Есть Лендинг, какого размера должно быть фоновое изображение, чтобы красиво смотрелось на всех экранах устройств, чтобы сильно не увеличивалось...

191
Насколько нужны автопрефиксы типа webkit- в сетке bootstrap4

Насколько нужны автопрефиксы типа webkit- в сетке bootstrap4

Собирала себе болванку для кастомизации сетки bootstrap4После сравнения с исходником bootstrap-grid

229
Как сделать такие соц. иконки?

Как сделать такие соц. иконки?

Я пытаюсь сделать через шрифтНе получается четко поставить иконку в центр рамки

217
помогите сделать такой переключатель ?

помогите сделать такой переключатель ?

подскажите как сверстать такой переключатель ?

231