Question

对于我正在创建的网站，我使用D3.js框架创建了一些不同的页面，其中包含不同的图形。我正在尝试创建一个从这些页面中提取图形的单个页面，但是我无法让远程页面上的脚本正确执行。这是我用来尝试拉出其中一个图形的代码。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>load demo</title>
  <style>
  body {
    font-size: 12px;
    font-family: Arial;
    display: block;
  }

  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>

<script>
$( "#success" ).load( "barchartLaunchDay.html", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "There was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

</body>
</html>

页面正在正确访问图形页面而没有任何错误，但它没有显示/加载图形。在图形页面上，整个图形在一个脚本中创建为SVG元素，并且不包含在div中（我不知道它是否应该存在）。但是，当我切换到加载带有文本的页面而不是SVG图形时，它正常工作，所以我认为错误是因为我试图加载脚本，但我不知道任何其他这样做的方式。任何帮助将不胜感激，如有必要，我可以发布图形页面代码，谢谢。

在另一个页面上执行JavaScript

0 个答案: