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（）正常工作，我认为这是你的核心问题。

原型和显示：无

1 个答案: