this.domNode is null

Question

Tôi đang cố gắng sử dụng jquery để tải biểu đồ dojo. Tôi đang sử dụng mã này. Tuy nhiên trong lần nhấp thứ hai, trong nút đầu tiên tôi nhận được lỗi này. Điều tương tự cũng xảy ra nếu tôi nhấp vào nút đầu tiên, nhấp vào nút thứ hai và nhấp lại vào nút đầu tiên. Vấn đề này đang khiến tôi phát điên.

demo here

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.lista_').click(function() { 
     $.get('index1.php', function (data) { 
      dojo.addOnLoad(function() { 
       require(["dojo/_base/xhr", "dojo/parser", "dojo/dom"], function (xhr, parser, dom) { 
        var um = []; 
        dijit.registry.filter(function (w) { //problem here, maybe this code destroy something that should not be destroyed 
         if (dojo.indexOf(um)) { 
          w.destroyRecursive(); 
         } 
        }); 
        $('#paginas').html(data); 

        dojo.parser.parse(dojo.byId('paginas')); 

       }); 
      }); 
     }); 
    }); 
}); 
</script> 

Answer 1

Dường như bạn đang cố gắng để loại bỏ các biểu đồ cũ trước khi chèn/phân tích cú pháp mới, nhưng tôi không nghĩ rằng đang xảy ra. Điều này có thể khiến Dojo chặn các lỗi khác nhau.

dijit.registry.filter(function (w) { //problem here, maybe this code destroy something that should not be destroyed 
    if (dojo.indexOf(um)) { 
     w.destroyRecursive(); 
    } 
}); 

Tôi không chắc bạn đang làm gì ở đây. Hàm filter sẽ trả về một mảng các tiện ích mà hàm gọi lại trả về true. Ngoài ra, dojo.indexOf được sử dụng để tìm kiếm một phần tử trong một mảng (tôi không chắc chắn về loại ma thuật đen mà bạn đang làm với nó ở đó: P).

Tôi nghĩ (nếu tôi đã hiểu ý định của bạn), bạn thay vì nên làm:

dijit.registry.findWidgets(dojo.byId("paginas")).forEach(function(w) { 
    w.destroy(); 
}); 

này sẽ phá hủy các widget (s) bên #paginas trước khi chèn và phân tích cú pháp HTML mới lấy.

Chỉnh sửa: Khi bạn nhấp vào nút thứ 2 và biểu đồ bị xóa, thẻ <style> cũng sẽ bị xóa. Đó là lý do tại sao bạn thấy hiện vật từ div công cụ, bởi vì nó không còn bị ẩn bởi CSS nữa. Bạn có thể giải quyết điều này bằng cách nhập khẩu claro.css trong file chính, ví dụ: đặt này:

<style type="text/css"> 
@import "http://ajax.googleapis.com/ajax/libs/dojo/1.7/dijit/themes/claro/claro.css"; 
</style> 

trong phần đầu tập tin chính thay vì trong HTML bạn nạp với jquery (index1.php).