Загрузите эскиз Processing.js с помощью AJAX по клику пользователя.

Question

Я пытаюсь загрузить эскиз processing.js с помощью ajax по щелчку, и он не работает. Это работает, если я загружаю эскиз мгновенно, но не на взаимодействие с пользователем. Вот мой код:

$('#clicker').click(function(){
    var canvasRef = $('<canvas/>');
    canvasRef.attr('data-src','/uploads/processing_js/anything_1.pde');
    $('#loader').append(canvasRef);
});

Я также пытался использовать атрибуты data-processing-sources и datasrc.

Кто-нибудь знает, почему это не работает?

Answer 1

Мы проверяем только атрибут data-processing-sources в DOMContentLoaded.Если вы хотите загрузить эскиз обработки после этого, вы можете использовать Processing.loadSketchFromSources, который Processing.js использует внутри для загрузки эскиза:

$('#clicker').click(function(){
  var canvasRef = document.createElement('canvas');
  var p = Processing.loadSketchFromSources(canvasRef, ['/uploads/processing_js/anything_1.pde']);
  $('#loader').append(canvasRef);
});