javascript - 需要 PHP foreach 问题中 jQuery slider 的帮助

Question

我的 foreach slider 有一个问题。它不适用于 css 和 jquery。我使用了 nivo-slider、Craftyslide 等，但它们不适用于我的 toastr wordpress 模板，所以请帮助我。

这是我的代码

<div id="sliders">
<?php
     foreach ($sliders as $slide) {
        echo '<li>
    <a href="'. $slide['link']. ' ">
    <img src="' . $slide['url' ] . '" />
    </a>
<div class="flex-title">'.  $slide['title']. ' </div>
<div class="flex-caption">'. $slide['description']. ' </div> 
</li>';
}
?>
</div>

Answer 1

使用 PHP，您不应该回显 DOM 元素，您应该只将所需的数据回显到适当的元素中，这样它就会像这样，

HTML/PHP

<div id="sliders">
    <ul>
    <?php foreach($sliders as $slide) { ?>
        <li>
            <a href="<?php echo $slide['link']; ?>">
                <img src="<?php echo $slide['url']; ?>" alt="">
            </a>
            <div class="flex-title"><?php echo $slide['title']; ?></div>
            <div class="flex-caption"><?php echo $slide['description']; ?></div> 
        </li>
    <?php } ?>
    </ul>
</div>