php - 原型和展示：无

Question

我有这个幻灯片：

<div class="row-3">
                    <div class="slider-wrapper">
                        <div class="slider">
                          <ul class="items">
                            <li><img src="images/slider-img4.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1"></strong>
                                    <strong class="b2">Operaciones realistas</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img1.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1">Pasión por Volar</strong>
                                    <strong class="b2">Realismo</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img2.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1">Pasión por Volar</strong>
                                    <strong class="b2">Realismo</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img3.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1"></strong>
                                    <strong class="b2">Simulación</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>                           
                          </ul>
                          <a class="prev" href="#">prev</a>
                          <a class="next" href="#">prev</a>
                        </div>
                    </div>
                </div>

以下是班级项目：

.items {display:none}

同时我正在运行prototype.js。但如果我运行它，我可以看到幻灯片。这是因为我在 .item 中使用 display:none。但是，如果我删除 display:none 幻灯片不起作用，所以我需要它。如果我删除了prototype.js，幻灯片可以工作，但使用原型的脚本不起作用。

Answer 1

PrototypeJS 需要 display:none 在style属性中而不是在 CSS 中。删除 .items{display:none} 样式并使用 UL 开始标签，如下所示：

<ul class="items" style="display:none">

这将使 .show() 正常工作，我认为这是您的核心问题。