Używanie jQuery .prepend w połączeniu z jquery

Używam kilku podstawowych jQuery i PHP do generowania listy obrazów do wykorzystania w pokazie slajdów jQuery.

Oto PHP i 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>

To wszystko działa, jednak chcę wstawić ten HTML i PHP w konkretnym punkcie strony, który mogę edytować.

Patrzę na używanie:

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

Ale czy mogę użyć .prepend, aby wstawić powyższy kod?

Odpowiedzi:

Spójrz na ten kod: http://jsfiddle.net/pzn6q/ Jak widać, można użyć tego kodu PHP do generowania zawartości .prepend„argument.

Tak, możesz użyć .prepend () tutaj. Jeśli chcesz stworzyć dynamiczną galerię, byłoby lepiej, gdybyś użył jQuery AJAX. Zrób coś w następujący sposób w odpowiedzi AJAX -

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

Tutaj showGallery jest identyfikatorem DIV lub tabeli, którą chcesz pokazać swoim kodem PHP, a respText to odpowiedź AJAX z kodem PHP.

Sprawdź następujący adres URL, aby uzyskać więcej informacji na temat .prepend ()

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