Question

我试图在IE8中使用R2D3来支持SVG元素。我知道，告诉人们不要使用IE8，但在这种情况下，它不受我的控制（即公司）。所以，我在头脑中包括了d3：

<!DOCTYPE html>
<?php include("getUsers.php");?>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>DRED</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<script src="js/vendor/modernizr-2.6.2.min.js"></script>

<script src="sizzle/src/sizzle.js"></script>

<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/bootstrap.min.js"></script>

<!-- Bootstrap -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css"/>
<link href="style.css" rel="stylesheet">

<!--[if lte IE 8]>
<script src="r2d3/inst/_js/r2d3.js" charset="utf-8"></script>
<![endif]-->

<!--[if gte IE 9]>
<script charset="utf-8" src="r2d3/inst/_js/d3.v2.min.js"></script>
<![endif]-->

<script src="js/script.js"></script>

这是与R2D3一起提供的d3版本，但我也尝试使用常规d3版本而不改变结果。

一旦我的javascript（js / script.js）命中以下行，它就会在IE8中抛出错误：'d3'未定义

div = d3.select("body").append("div")
    .attr("class","tooltip")
    .style("opacity",0);

非常感谢任何建议。

d3在IE8中使用R2D3时出现未定义错误

0 个答案: