Question

我使用一些基本的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='".$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插入上面的代码吗？

Answer 1

看看这段代码：http://jsfiddle.net/pzn6q/正如您所看到的，可以使用该PHP代码生成.prepend参数的内容。

Answer 2

是的，你可以在这里使用.prepend（）。如果你想创建一个动态库，那么如果你使用jQuery AJAX会更好。在AJAX响应中执行以下操作 -

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

这里，showGallery是你要显示你的PHP代码的DIV或表的id，respText是你用PHP代码的AJAX响应。

检查以下网址，了解有关.prepend（）

的更多详情

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

使用jQuery .prepend与一些PHP结合使用

2 个答案: