Використання jQuery .prepend в поєднанні з деякими PHP-jquery

Я використовую деякі базові jQuery та PHP для створення списку зображень для використання в слайд-шоу jQuery.

Ось PHP та HTML:

<div id="coin-slider-holder">
<div id="coin-slider">

<?php
$url = "$CFG->themewww"."/".current_theme()."/images.xml";
$xmlstr = file_get_contents($url);
$xml = new SimpleXMLElement($xmlstr);
$images = array();

foreach ($xml->image as $image) {
$id = (string)$image->id;
$images[$id] = array(
"id"     => (string)$image->id,
"link"     => (string)$image->href,
"src"     => (string)$image->source,
"title" => (string)$image->title,
"alt"     => (string)$image->alt
);
}

ksort($images);

foreach ($images as $image){
echo "<a href="".$image["src"].""><img src="/images/".$image["src"]."" alt="".$image["alt"].""/>";
echo "<span>".$image["title"]."</span></a>";
}
?>

</div>
</div>

Все це працює, однак я хочу вставити цей HTML та PHP у певний момент на сторінці, яку я можу редагувати.

Я дивлюся на використання:

$("#site-index .sitetopic").prepend("<p>Insert jQuery Slider Here</p>");

Але чи можна використовувати .prepend для вставки вищезазначеного коду?

Відповіді:

Подивіться на цей код: http://jsfiddle.net/pzn6q/ Як ви бачите, можна використовувати цей PHP код для створення контенту .prependаргумент

Так, ви можете використовувати .prepend () тут. Якщо ви хочете створити динамічну галерею, то краще, якщо ви використовуєте jQuery AJAX. Виконайте щось подібне до наступного у відповіді AJAX -

$("#showGallery").prepend(respText);

Тут showGallery - це ідентифікатор DIV або Таблиці, у якій ви хочете показати ваш код PHP, і respText - це відповідь AJAX з кодом PHP.

Ознайомтеся з наступною URL-адресою, щоб отримати докладнішу інформацію про .prepend ()

http://api.jquery.com/prepend/