Đã cố đăng ký tiện ích với id == valores0 nhưng id đó đã được đăng ký

Question

tôi gặp lỗi này và tôi không biết cách giải quyết. Tôi đã đọc this link trước đây.

EDIT: 1

index.php

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#customForm").submit(function() { 
     var formdata = $("#customForm").serializeArray(); 

     $.ajax({ 
      url: "sent.php", 
      type: "post", 
      dataType: "json", 
      data: formdata, 
      success: function(data) { 
       switch (data.livre) { 
       case 'tags': 
        $("#msgbox2").fadeTo(200, 0.1, function() { 
         $(this).html('Empty tags').fadeTo(900, 1); 
        }); 
        break; 

       default: 
        $("#msgbox2").fadeTo(200, 0.1, function() { 
         $(this).html('Update').fadeTo(900, 1, function() { 
          $('#conteudo').load('dojo/test_Slider.php'); 
         }); 
        }); 
        break; 
       } 
      } 
     }); 

     return false; 
    }); 
}); 
</script> 

test_slider.php

<script type="text/javascript"> 

var slider = []; 

for (i = 0; i < 5; i++) { 

    slider[i] = (

    function(i) { 

     return function() { 

      var node = dojo.byId("input"+[i]); 
      var n = dojo.byId("valores"+[i]); 

      var rulesNode = document.createElement('div'+[i]); 
      node.appendChild(rulesNode); 

      var sliderRules = new dijit.form.HorizontalRule({ 
       count:11, 
       style:{height:"4px"} 
      },rulesNode); 

      var labels = new dijit.form.HorizontalRuleLabels({ 
       style:{height:"1em",fontSize:"75%"}, 
      },n); 

      var theSlider = new dijit.form.HorizontalSlider({ 
       value:5, 
       onChange: function(){ 
        console.log(arguments); 
       }, 
       name:"input"+[i], 
       onChange:function(val){ dojo.byId('value'+[i]).value = dojo.number.format(1/val,{places:4})}, 
       style:{height:"165px"}, 
       minimum:1, 
       maximum:9, 
        } 
      },node); 

      theSlider.startup(); 
       sliderRules.startup(); 
     } 

    })(i); 
    dojo.addOnLoad(slider[i]); 
} 

</script> 

Vấn đề: Đầu tiên nhấp vào trình btn tất cả hoạt động tốt, 5 thanh trượt được nhập khẩu. nhấp chuột thứ hai, một bản cập nhật được cho, nhưng tôi nhận được tin nhắn này:

Tried to register widget with id==valores0 but that id is already registered 

[Demo video]2

Answer 1

Chỉ cần thêm vào câu trả lời của @ missingo và nhận xét của @ Kevin. Bạn có thể xem qua các di chuyển hiện có bằng cách xem trong sổ đăng ký:

var i = i || 0; // Cache this at the end of your loop 
dijit.registry.map(function (widget) { 
    if (+widget.id.replace(/^[^\d]+/, '') < i) { 
     widget.destroyRecursive(); 
    } 
}); 
/* 
    Your loop fixed as described in missingno's answer. 
*/ 

Answer 2

Bạn rơi vào cái bẫy lâu đời của việc đóng cửa chức năng bên trong một vòng lặp for. Bởi thời gian addOnLoad cháy và thanh trượt được tạo ra, i sẽ bằng 2 và cả hai thanh trượt sẽ cố gắng sử dụng cùng một nút DOM (một cái gì đó không được phép).

Bạn cần đảm bảo rằng bạn cung cấp một bản sao mới là i cho mọi người. Sau đây là một sửa chữa nhanh:

for(i=0; i<2; i++){ 
    (function(i){ 

     slider[i] = ... 

     //everything inside here remains the same 
     //except that they now use their own i from the wrapper function 
     //instead of sharing the i from outside. 
    }(i)); 
} 

Answer 3

Dijit lưu trữ tất cả các tiện ích đang hoạt động trong dijit.registry và sử dụng id làm vòng loại duy nhất. Bạn không thể tạo các dijits có cùng id.

Cần xóa sạch dojo.registry trước khi tạo một thanh trượt mới. Thêm mã này trước khi kê khai dijit trên test_slider.php

dijit.registry["input"+ [i]].destroyRecursive(); 

Answer 4

bạn có thể gán bất kỳ số ID như ID được tạo ra bởi 10 chữ số ngẫu nhiên hoặc một cái gì đó với sự kết hợp datetime để id sẽ không bao giờ giống nhau.