5
मैं Bootstrap प्रोजेक्ट में उपयोग करने का प्रयास कर रहा हूं। मुझे लगता है कि आईई 8 में, फ्लोट ग्राफ अदृश्य है, और मैंने बूटस्ट्रैप द्वारा उपयोग की गई समस्या को HTML5 shim तक सीमित कर दिया है।बूटस्ट्रैप के साथ फ़्लोट का उपयोग करना: IE8 असंगतता?
यहां पूरा पृष्ठ है: यह basic Flot example प्लस HTML5 शिम है, और ग्राफ IE8 में अदृश्य है (यह क्रोम में ठीक है)।
यदि मैं HTML5 शिम रेखा को हटा देता हूं, तो ग्राफ IE8 में ठीक है। हालांकि, मुझे काम करने के लिए बूटस्ट्रैप शैलियों के लिए HTML5 शेम की आवश्यकता है (जब मैं बूटस्ट्रैप को वापस जोड़ता हूं - मैंने इस उदाहरण के प्रयोजनों के लिए संदर्भ हटा दिए हैं) - यदि यह वहां नहीं है तो बूटस्ट्रैप शैलियों खराब हो जाती हैं।
मैं क्या कर सकता हूं?
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<title>Flot Examples</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="/scripts/plugins/excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="/scripts/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="/scripts/plugins/jquery.flot.js"></script>
</head>
<body>
<div id="placeholder" style="width:100%;height:300px;"></div>
<script type="text/javascript">
$(function() {
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
d1.push([i, Math.sin(i)]);
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
$.plot($("#placeholder"), [ d1, d2, d3 ]);
});
</script>
</body>
</html>
ग्राफ आईई 7 और 8 में मेरे लिए ठीक है, हालांकि मुझे नहीं पता कि बूटस्ट्रैप पर कौन सा शिम शामिल है। क्या आप शिम के साथ एक डेमो पोस्ट कर सकते हैं और बूटस्ट्रैप को देखने के लिए शामिल किया गया है? –