Живая главная страница

Question

Хорошо, так что, честно говоря, у меня большой опыт работы с php / mysql, я только начал изучать jQuery и очень мало, но некоторые с ajax.Так что взаимозаменяемое использование терминов ajax / jquery меня немного смущает.В любом случае, как следует из названия, у меня есть веб-сайт с 5 элементами, и я хочу, чтобы они были перемещены (то есть, если введен более новый элемент, удалите последний элемент и поместите новый сверху), они являются 5 наиболеепоследние элементы в таблице базы данных, теперь я закодировал jquery в качестве теста, поэтому он затухает последним, все движется вниз, освобождает место наверху и затухает в новом.Тем не менее, это тест, который имеет 0 взаимодействий с базой данных, а тот, который исчезает, находится просто в скрытом div.Итак, про jQuery позаботились.

Так что я не уверен, как это сделать, я подумал, может быть, стоит проверить ajax веб-сайт со страницы, на которой есть эти 5 элементов в необработанном формате, и еслиизменить, чтобы обновить?

Не нужно искать ответ «plz code 4 me», просто концепцию того, как это будет работать, или несколько ссылок, чтобы начать правильно.

edit- Кроме того, эти 5 элементов ранжируются, поэтому, если я щелкаю элемент 3, мне нужно, чтобы он перемещался выше элемента 2 без перерыва, так что это вызывает совершенно другую проблему, которую я предполагаю.

Answer 1

Дан,

Я сделал один пример здесь, пожалуйста, проверьте http://jsfiddle.net/yB3zY/

Вы можете написать свои элементы получения ajax и т. Д., Что довольно просто с jquery, предположим, что ваш ajax вернул пять элементов в порядке.

var arrpropInfo = GetData();// which returns array of five items
        if (arrpropInfo.length == 5 && (!CheckIFThatItemAlreadyExists(id))){            
                arrpropInfo.unshift(id); //adds at the first location
                arrpropInfo.pop();// removes the last element 

}

в вашем массиве появятся последние 5 новых элементов, дайте мне знать, если вам нужна какая-либо другая информация.