使用 bootstrap 和使用选项卡时迷你图不绘制

我使用 bootstrap 和 jQuery Sparklines 获得了 RubyOnRails 应用程序 (3.2.x)http://omnipot.net/jquery.sparkline/#s-about http://omnipotent.net/jquery.sparkline/#s-about

我的页面有 2 个使用引导程序的选项卡，如下所示：

<%=javascript_include_tag "utilities/sparkline.js" %>

<script type="text/javascript">$(function() {$('.inlinesparkline').sparkline('html', {type: 'line', height: '20px', width: '100px'});});</script>

<ul class="nav nav-tabs" id="myTab">
    <li><a href="#tab1" data-toggle="pill">Tab1</a></li>
    <li class="active"><a href="#tab2" data-toggle="pill">Tab2</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane well" id="tab1">
        <span class="inlinesparkline">1,2,3,4,5,6,7,6,5,4,3,4,5,6,7,8,7,6,4</span>
    </div>
    <div class="tab-pane well active" id="tab2">
        Hi there
    </div>
</div>

如果第二个选项卡是活动选项卡，那么当切换到第一个选项卡时，显示的数字不是迷你图，但如果我将选项卡 1 设置为活动选项卡，则会绘制迷你图。

我该如何解决？

我终于修复了它，有一个参数可以作为选项添加：

disableHiddenCheck

必须将其设置为 true，因此这适用于：

<script type="text/javascript">$(function() {$('.inlinesparkline').sparkline('html', {type: 'line', disableHiddenCheck: true, height: '20px', width: '100px'});});</script>