gpt4 book ai didi

javascript - 使用 Bootstrap 和使用选项卡时不绘制迷你图

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:52:44 24 4
gpt4 key购买 nike

我使用 bootstrap 和 jQuery Sparklines 从 http://omnipotent.net/jquery.sparkline/#s-about

我的页面有 2 个使用 Bootstrap 的选项卡,如下所示:

<%=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>

关于javascript - 使用 Bootstrap 和使用选项卡时不绘制迷你图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13952354/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com