3

http://omnipotent.net/jquery.sparkline/#s-aboutからブートストラップと jQuery Sparklines を使用して RubyOnRails アプリケーション (3.2.x) を取得しました 。

私のページには、ブートストラップを使用する 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>

2番目のタブがアクティブなタブの場合、最初のタブに切り替えるとスパークラインではなく数字が表示されますが、タブ1をアクティブなタブにするとスパークラインが描画されます。

これを修正するにはどうすればよいですか?

4

1 に答える 1

16

最後に修正しました。オプションとして追加できるパラメーターがあります。

disableHiddenCheck

これをtrueに設定する必要があったため、これは次のように機能します:

<script type="text/javascript">$(function() {$('.inlinesparkline').sparkline('html', {type: 'line', disableHiddenCheck: true, height: '20px', width: '100px'});});</script>
于 2012-12-19T14:07:03.957 に答える