jquery sparklines.js не будет отображаться, когда я покажу/переключу div

Я не могу получить sparklines.js, чтобы показать мои искры. Я включил функцию $ .sparkline_display_visible() в функцию, где я отобразил div. Официальные документы довольно просты:jquery sparklines.js не будет отображаться, когда я покажу/переключу div

От 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>

Таким образом, после обычной головной стука и док-перечитывая период, я прошу вас, ребята, для предложений о том, что я пропустил.

источник

2015-03-18 Marc Maxson

У вас должно быть что-то внутри divs i.e. Stick nbsp; внутри пустой DIV

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

PS Вы также, кажется, есть некоторые паразитные метки (например, закрытие тд с последующим открытием, не закрыта и ни внутри таблицы)

источник

2015-04-01 10:18:49

обеспечивают качественные ответы пожалуйста. удаленные и пробные ответы не работают. Если вы попробовали разрешение в конце, plz отправит код. – madLokesh

Я проверил код и добавил «& n b s p;» в пустые DIVs. Полезно! –

jquery sparklines.js не будет отображаться, когда я покажу/переключу div

ответ

Смежные вопросы