Показать DIVs с наибольшим значением

Question

Хорошо, поэтому я делаю слайдер "Совет недели". В основном это для моего клиента, поэтому я должен максимально упростить процесс публикации.

Сейчас это просто слайдер на 4 деления: http://juuso.kivinen.org/tofw/ Это не самая последняя версия, потому что я еще не успел ее обновить (версия сервера).

Так что в основном (простите за длинное вступление) мой вопрос: Как я могу заставить jquery загрузить первые 4 деления из внешнего html-файла? Или мне перейти на php?

Основная структура моего кода будет:

<div id="slider">
 <div id="row">
  <div id="EXTERNAL CONTENT1"></div>
 </div>
<div id="row">
 <div id="EXTERNAL CONTENT2"></div>
</div>
<div id="row">
 <div id="EXTERNAL CONTENT3"></div>
</div>
<div id="row">
 <div id="EXTERNAL CONTENT4"></div>
</div>
</div>

Answer 1

Это можно сделать с помощью lt() и load():

$('#container').load('path/to/page.html #divContainer div:lt(4)');

Демонстрация концепции: http://davidrhysthomas.co.uk/play/loadDemo2.html (оригинальная версия: http //: davidrhysthomas.co.uk/play/loadDemo.html).

Answer 2

Я надеюсь, что вы настроили некоторый код на вашем сервере для обслуживания EXTERNALCONTENT

затем

$.get("urlToGetEXTERNALCONTENT",function(data){
$("#EXTERNALCONTENT4").html(data);
});

Answer 3

Вы можете использовать метод .load (), чтобы извлечь содержимое из загруженного документа. В вашем случае:

$('#placeToPutStuff').load(yourUrl + ' #slider', function() { /* ... */ });

Answer 4

Без дополнительной информации полный ответ невозможен, но вы должны взглянуть на метод .load () для jQuery. Вы можете загрузить частичные разделы внешних файлов. http://api.jquery.com/load/

например:

$('#EXTERNAL_CONTENT1').load('tips.html #external1')

Как будет выглядеть структура файла, из которого вы хотите загрузить файл? Ваш клиент будет постоянно добавлять этот файл?