jquery - 通过jquery ajax加载处理js？

Question

我在通过 jquery ajax 调用加载处理 js 脚本时遇到问题。草图在自己的文件中运行良好，但是当我将其加载到 div 中时，它不起作用。我需要以某种方式初始化草图吗？我搜索了Processing js 文档但找不到它。谢谢

丑陋的测试脚本

<a href="#" onclick="$.ajax({url: '/test',  context: document.body,  success: function(text){    $('#container').html(text);  }});">Test</a>

“/test”包含的位置

<script type="application/processing" data-processing-target="pjs">
// code here
</script>
<canvas width="760" height="500" id="pjs"></canvas>

Answer 1

如果您要从文件中获取源代码，请为您希望将其加载到的 Canvas 创建一个新的处理实例:

Processing.loadSketchFromSources($('#pjs'), ['mysketch.pde']);

第二个参数是一个数组，因为草图可以包含多个源文件。

如果是动态代码，只需构建一个新的处理实例:

new Processing($('#pjs'), "/* full sketch code goes here. */");

您的帖子似乎建议对 ajax 调用“/test”生成的内容进行某种程度的控制，因此我希望它仅生成草图代码，没有脚本和 Canvas 标记，并具有 ajax 回调函数在页面上生成 Canvas 元素，然后调用一个新的处理($('#canvasid')，callbackdata)，以便Processing.js将草图代码加载到您刚刚创建的 Canvas 中。