jquery - kineticJS 儿童 - 可拖动的 Jquery

Question

我在 asp.net MVC 应用程序中使用 KineticJS v4.3.3 和 Jquery 2.0.3。我使用以下方法生成一个孩子：

  var wrapper_div = document.getElementById('container1');
    var kinetic_div = wrapper_div.children[0];
    canvaso = kinetic_div.children[0];
    canvaso.setAttribute('id', "panel1");
    context = canvaso.getContext('2d');

它很好用，但是当我添加时：

 $('#container1').draggable().resizable();

我收到以下错误：

Unable to get property 'setAttribute' of undefined or null reference

会接受你的建议。

Answer 1

以防万一有人对解决方案感兴趣。我发现在使用可拖动和可调整大小时，这会增加两层，因此通过将 children[0] 更改为 children[3] 就可以了。

    var wrapper_div = document.getElementById('container1');
    var kinetic_div = wrapper_div.children[3];
    canvaso = kinetic_div.children[0];
    canvaso.setAttribute('id', "panel1");
    context = canvaso.getContext('2d');