Uncaught TypeError: Kann die Eigenschaft 'val' von undefined nicht lesen (ui-nestable.min.js)

Question

Ich stehe vor einem kleinen Problem. Wenn ich mit der rechten Maustaste auf die Seite klicke und in Google Chrome auf "Überprüfen" (Quellcode der Seite) klicke, wird der folgende Fehler angezeigt. Diese Datei (ui-nestable.min.js) ist erforderlich, damit meine Seite ordnungsgemäß funktioniert und die interessante Seite meiner Seite ordnungsgemäß funktioniert. Ich habe im Internet recherchiert, aber keine Ergebnisse für diesen Fehler gefunden.

Error Image

ui-nestable.min-js Code:

var UINestable = function() { 

var updateOutput = function (e) { 
    var list = e.length ? e : $(e.target), 
     output = list.data('output'); 
    if (window.JSON) { 
     output.val(window.JSON.stringify(list.nestable('serialize'))); //, null, 2)); 
    } else { 
     output.val('JSON browser support required for this demo.'); 
    } 
}; 


return { 
    //main function to initiate the module 
    init: function() { 

     // activate Nestable for list 1 
     $('#nestable_list_1').nestable({ 
      group: 1 
     }) 
      .on('change', updateOutput); 

     // activate Nestable for list 2 
     $('#nestable_list_2').nestable({ 
      group: 1 
     }) 
      .on('change', updateOutput); 

     // output initial serialised data 
     updateOutput($('#nestable_list_1').data('output', $('#nestable_list_1_output'))); 
     updateOutput($('#nestable_list_2').data('output', $('#nestable_list_2_output'))); 

     $('#nestable_list_menu').on('click', function (e) { 
      var target = $(e.target), 
       action = target.data('action'); 
      if (action === 'expand-all') { 
       $('.dd').nestable('expandAll'); 
      } 
      if (action === 'collapse-all') { 
       $('.dd').nestable('collapseAll'); 
      } 
     }); 

     $('#nestable_list_3').nestable(); 

    } 

}; 

}(); 

jQuery(document).ready(function() {  
    UINestable.init(); 
}); 

Answer 1

Sie nicht alle nestbarer Liste in Ihre Webseite. Sie müssen alle zusätzlichen Code entfernen. wie die

var UINestable = function() { 

     var updateOutput = function (e) { 
      var list = e.length ? e : $(e.target), 
       output = list.data('output'); 
      if (window.JSON) { 
       output.val(window.JSON.stringify(list.nestable('serialize'))); //, null, 2)); 
      } else { 
       output.val('JSON browser support required for this demo.'); 
      } 
     }; 

     return { 
      //main function to initiate the module 
      init: function() { 

       // activate Nestable for list 1 
       $('#nestable_list_1').nestable({ 
        group: 1 
       }).on('change', updateOutput); 

       // output initial serialised data 
       updateOutput($('#nestable_list_1').data('output', $('#nestable_list_1_output'))); 

       $('#nestable_list_menu').on('click', function (e) { 
        var target = $(e.target), 
         action = target.data('action'); 
        if (action === 'expand-all') { 
         $('.dd').nestable('expandAll'); 
        } 
        if (action === 'collapse-all') { 
         $('.dd').nestable('collapseAll'); 
        } 
       }); 
      } 
     }; 
    }(); 
    jQuery(document).ready(function() {  
     UINestable.init(); 
    });