2017-02-22 22 views
0

Я сделал чат, и я использую Ajax для обновления сообщенийDiv «прыгать» на следующей странице

function loadlink(){ 
    $('#porukice').load('messages.php',function() { 
     $(this).unwrap(); 
    }); 
} 

loadlink(); // This will run on page load 
setInterval(function(){ 
    loadlink() // this will run after every 5 seconds 
}, 2000); 

ДИВ

<div id="porukice" style=""></div> 

Движется по странице в три раза, то он останавливается, но в странное место. Первый элемент появляется на странице, все в порядке, но после того, как 2 ajax перезагрузится, он меняет место и останавливается, ajax все еще работает. Я действительно не могу понять, почему это происходит.

enter image description here

enter image description here

То есть, как она движется с АЯКС перезагрузкой.

+1

Вы 'разворачиваете()' каждый раз, поэтому каждый раз, когда вы удаляете новый родительский элемент, который, вероятно, совсем не то, что вы хотите? – adeneo

+0

Я просто хочу, чтобы message.php перезагрузился, чтобы он мог показывать новые сообщения. Вы знаете лучший способ сделать это? Как это делает facebook. EDIT: даже когда я снимаю разворот, он прыгает, я никогда не видел этого в своей жизни, это так неудобно. Почему div меняет позицию 3 раза? И они останавливаются на месте, как видно на последнем изображении? Проблема с Bootstrap? o.o – Darktwen

ответ

0

Вы, ребята, не будете верить в то, что было проблемой.
Я только что понял, что, поскольку текстовое поле ввода имело size="150", элемент div выше прыгал как безумный. Теперь это исправлено.