Question

我希望并排显示视频和互动图表，似乎没有任何效果，甚至没有iframe

这是链接http://vz.comxa.com/v2/

这是html

<div class="carousel-inner" role="listbox">
                                    <div class="item active">
                                        <div class="col-md-1">
                                            <li data-target="#carousel-0" data-slide-to="0" class="active"></li>
                                        </div>
                                        <div class="col-md-5">
                                        <iframe id="cr-embed-16000US5367000-economics-poverty-seniors" class="census-reporter-embed" src="https://s3.amazonaws.com/embed.censusreporter.org/1.0/iframe.html?geoID=16000US5367000&chartDataID=economics-poverty-seniors&releaseID=ACS_2014_1-year&chartType=pie&chartHeight=200&chartQualifier=&chartTitle=Seniors+(65+and+over)&initialSort=&statType=percentage" frameborder="0" width="100%" height="300" style="margin: 1em; max-width: 300px;"></iframe>
<script src="https://s3.amazonaws.com/embed.censusreporter.org/1.0/js/embed.chart.make.js"></script>
                                        <div class="hard-margins pull-right">
                                        </div>
                                        <div class="carousel-caption">
                                            Item 1
                                        </div>
                                </div>

我从这里获得了可嵌入图表http://censusreporter.org/examples/embed-charts/

我该如何解决此问题？。

Answer 1

据我所知，从网站的实际版本，请复制以下内容

    <div class="col-md-1">
                                        <li data-target="#carousel-0" data-slide-to="0" class="active"></li>
                                    </div>
                                    <script src="https://s3.amazonaws.com/embed.censusreporter.org/1.0/js/embed.chart.make.js"></script><div class="col-md-5">
                                    <iframe id="cr-embed-16000US5367000-economics-poverty-seniors" class="census-reporter-embed" src="https://s3.amazonaws.com/embed.censusreporter.org/1.0/iframe.html?geoID=16000US5367000&amp;chartDataID=economics-poverty-seniors&amp;releaseID=ACS_2014_1-year&amp;chartType=pie&amp;chartHeight=200&amp;chartQualifier=&amp;chartTitle=Seniors+(65+and+over)&amp;initialSort=&amp;statType=percentage" style="margin: 1em; max-width: 300px;" width="100%" frameborder="0" height="380"></iframe>



                            </div>
                                    <div class="col-md-5">
                                        <p><iframe src="https://www.youtube.com/embed/D873dq1fpcQ" allowfullscreen="" width="400" frameborder="0" height="340"></iframe>
                                    </p>
                                        <div class="col-md-1">
                                            <li data-target="#carousel-0" data-slide-to="1"></li>
                                    </div>
                                    </div>
                                </div>

它会起作用。

twitter bootstrap轮播中的交互式javascript失败

1 个答案: