处理js / jquery / ajax - 无法加载草图

Question

我正在尝试使用以下代码：

$('#clicker').click(function(){
  var canvasRef = $('<canvas id="project_canvas"/>');
  var p = Processing.loadSketchFromSources(canvasRef, '/anything.pde');
  $('#loader').append(canvasRef);
});

使用jquery / ajax加载一个processing-js草图，它正在做一些奇怪的事情 - 试图分解/anything.pde的所有字符抛出这个错误：

GET http://localhost:8888/a 404 (Not Found)
GET http://localhost:8888/n 404 (Not Found)
GET http://localhost:8888/n 404 (Not Found)
GET http://localhost:8888/y 404 (Not Found)
GET http://localhost:8888/t 404 (Not Found)
GET http://localhost:8888/h 404 (Not Found)
GET http://localhost:8888/i 404 (Not Found)
GET http://localhost:8888/g 404 (Not Found)
GET http://localhost:8888/p 404 (Not Found)
GET http://localhost:8888/d 404 (Not Found)
GET http://localhost:8888/e 404 (Not Found)

知道发生了什么事吗？

Answer 1

应该作为数组传递：

var p = Processing.loadSketchFromSources(canvasRef, ['/anything.pde']);

如名称loadSketchFromSources，Sources，您可以将多个源作为数组传递。