前往旋转木马项目不起作用的按钮

时间:2016-09-11 05:34:56

标签: twitter-bootstrap button carousel glyphicons

<div class="row" style="padding-below:20px">
                <div class="col-md-12">
                    <div class="carousel slide" id="carousel" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carousel" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel" data-slide-to="1"></li>
                            <li data-target="#carousel" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="#">
                                <div class="carousel-caption">
                                    <h2 class="media-heading">
                                        Workshop/event name
                                    </h2>
                                    <p>Description in a few lines and click on more to see details of the workshop. Or maybe not keep the more button only.</p>
                                    <p><a  href="#"><button class="btn btn-info">More &raquo;</button></a></p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="#">
                                <div class="carousel-caption">
                                    <h2 class="media-heading">
                                        Workshop/event name
                                    </h2>
                                    <p>Description in a few lines and click on more to see details of the workshop. Or maybe not keep the more button only.</p>
                                    <p><a  href="#"><button class="btn btn-info">More &raquo;</button></a></p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="#">
                                <div class="carousel-caption">
                                    <h2 class="media-heading">
                                        Workshop/event name
                                    </h2>
                                    <p>Description in a few lines and click on more to see details of the workshop. Or maybe not keep the more button only.</p>
                                    <p><a  href="#"><button class="btn btn-info">More &raquo;</button></a></p>
                                </div>
                            </div>
                        </div>
                        <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>Previous
                        </a>
                        <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>Next
                        </a>
                        <div class="btn-group" id="cbuttons">
                            <button class="btn btn-danger btn-xs" id="cpause"><span class="glyphicon glyphicon-pause"></span></button>
                            <button class="btn btn-danger btn-xs" id="cplay"><span class="glyphicon glyphicon-play"></span></button>
                        </div>
                    </div>
                </div>
            </div>

我做了一个旋转木马。但是,应该可点击并移动到上一个轮播项目的“上一个”glyphicon箭头不起作用。根本不显示。我的代码在哪里错了?用于打印到下一个轮播项目的按钮和glyphicon箭头工作正常,但“上一个”不显示。

1 个答案:

答案 0 :(得分:0)

bind()