Проблема с JQuery Sparkline в IE - PullRequest
Новая
       16

Проблема с JQuery Sparkline в IE

3 голосов
/ 22 июня 2009

Я использовал jQuery sparkline (http://omnipotent.net/jquery.sparkline/) на странице. Это создает проблему в IE, если контейнер DIV недостаточно велик, чтобы его показать, пробовал с Firefox / Chrome, он работает нормально. код 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="jquery-1.3.1.js"></script>
    <script type="text/javascript" src="jquery.sparkline.min.js"></script>
    <script type="text/javascript">
    $(function() {
        var myvalues = [10,8,5,7,4,4,1];
        $('.dynamicsparkline').sparkline(myvalues, {height:'100px',width:'300px'});
    });
    </script>
</head>
<body>
<div style="height:100px;width:400px;overflow:auto;border:1px solid black">
          Testing Header
          <br/>
          <span class="dynamicsparkline">Loading..</span>
          <br/>
          Testing Footer
</body>
</html>

Может ли кто-нибудь помочь мне здесь?

Спасибо, Манодж

1 Ответ

2 голосов
/ 24 июня 2009

Гарет Уоттс (http://omnipotent.net/jquery.sparkline/) помог мне решить эту проблему, добавив "position: относительный" к элементу контейнера.

вот код 

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="jquery-1.3.1.js"></script>
    <script type="text/javascript" src="jquery.sparkline.min.js"></script>
    <script type="text/javascript">
    $(function() {
        var myvalues = [10,8,5,7,4,4,1];
        $('.dynamicsparkline').sparkline(myvalues, {height:'100px',width:'300px'});
    });
    </script>
</head>
<body>
<div style="height:100px;width:400px;overflow:auto;border:1px solid black;position: relative">
          Testing Header
          <br/>
          <span class="dynamicsparkline">Loading..</span>
          <br/>
          Testing Footer
</div>
</body>
</html>

Может воспроизводиться только в IE7.

Спасибо

...