Question

我希望这不是模糊的。如果是这样，请说。

我正试图在Shower演示文稿中获得一些互动性。交互式图表的脚本在jsfiddle以及本地html中正常工作。当我将相关位复制到Shower-presentation-html文件的一个部分（class =“slide”）时，它会很好地加载。

但是当我点击其中一个时间跨度（按钮b2007或b2016）时，要动画/裁剪图表，页面会变黑。如果我使用箭头键来回导航，我可以返回到幻灯片，我看到脚本确实有效，因为它确实显示了我选择的时间跨度。

所以似乎问题是，当我调用.click（函数）时，它会以某种方式调用shower / shower.min.js中的内容。由于我是一个初学者，我不敢在那里改变任何东西，而是希望你有一个好主意。

$('#b2007').click(function() {
  $('#trendcont').animate({
    width: '300px'
  }, 1000);
});

$('#b2016').click(function() {
  $('#trendcont').animate({
    width: '800'
  }, 1500);
});

#trendcont {
  border: 0px solid #000;
  height: 350px;
  width: 1px;
  overflow: hidden;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
to begin, click on one of the time spans.
<a href="#" id="b2007">2004-2007</a>
<a href="#" id="b2016">2004-2016</a>
<div id='trendcont'>
  <iframe scrolling="no" style="border:none;" width="800" height="800" src="https://www.google.com/trends/fetchComponent?hl=de&q=Jatropha,palm oil&cmpt=q&tz=Etc/GMT-1&tz=Etc/GMT-1&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=800&h=800">
  </iframe>
</div>

Answer 1

你有可以尝试的工作演示吗？这将使一切变得更加容易。淋浴1.x和2.x之间也有很大的区别，哪一个是你的？

单独工作的JavaScript使淋浴演示文稿空白

1 个答案: