0

我无法让 sparklines.js 取消隐藏我的迷你图。我在取消隐藏 div 的函数中包含了 $.sparkline_display_visible() 函数。官方文档非常简单:

来自http://omnipotent.net/jquery.sparkline/#hidden

解决方案是在迷你图变得可见时调用 $.sparkline_display_visible() 函数,以便正确渲染它。这是该站点用于处理隐藏在不同选项卡部分中的迷你图的技术;该站点在选项卡更改回调中调用例程。

<html>
        <script src="/s/js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="/s/js/jquery.sparkline.min.js"></script>
<body>

<button id="neighborhood_standards_button">Sort</button><br>

<div id="neighborhood_standards">
Q117 {{org}} listens and responds appropriately to our questions and concerns. <br><span style="font-size:small">
            (5.4 vs 8.2)</span></td><td>
            <div id="neigh_q117" style="display: inline-block;"></div>
</div>
<div id="smart_sort" style="display:none;">
Q117 {{org}} listens and responds appropriately to our questions and concerns. <br><span style="font-size:small">
            (8.6 vs 8.2)</span>
            <div id="smart_q117" style="display: inline-block;"></div>
</div>            
<script type="text/javascript"> 
$("#smart_q117").sparkline([8.2,8.6,10,8,6],
            {type: 'bullet', 
            rangeColors: ['#f189b1','#f4a0c0','#f9cede'],
            targetWidth: 10,
            targetColor: '#73913b',
            performanceColor: '#c9413f',
            width: '400px'
            });
$("#neigh_q117").sparkline([8.2,5.4,10,8,6],
            {type: 'bullet', 
            rangeColors: ['#f189b1','#f4a0c0','#f9cede'],
            targetWidth: 10,
            targetColor: '#73913b',
            performanceColor: '#c9413f',
            width: '400px'
            });
$(document).ready(function(){
    $("#neighborhood_standards_button").click(function(){
        $("#smart_sort").toggle();
        $("#neighborhood_standards").toggle();
        $.sparkline_display_visible();
    });
    });

    </script>
    </body>
   </html>

因此,在通常的头撞和文档重读期之后,我正在向你们寻求关于我错过了什么的建议。

4

1 回答 1

3

您必须在 div 中包含一些内容,即粘贴 nbsp;在空的div里面

        <div id="smart_q117" style="display: inline-block;">&nbsp;</div> [see http://jsfiddle.net/WackyDad/utLsfyga/]

PS您似乎也有一些杂散的标签(例如,关闭 td 然后打开未关闭且不在表格内的打开)

于 2015-04-01T10:18:49.497 回答