未捕获TypeError：无法读取属性'val'的undefined（ui-nestable.min.js）

问题描述：

我正面临一个小问题。当我在Google Chrome浏览器中右键单击该页面并按检查（页面的源代码）时，出现以下错误。这个文件（ui-nestable.min.js）是我的页面正常工作所需的，它的有趣的一面是我的页面正常工作。我在互联网上进行了研究，但没有发现此错误的任何结果。未捕获TypeError：无法读取属性'val'的undefined（ui-nestable.min.js）

Error Image

UI-nestable.min-JS代码：

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(); 
});

此线'output.val（window.JSON.stringify（list.nestable（ '序列化'）））; //，null，2））'没有找到数据，所以它是空的 – Saif

答

您不要使用所有嵌套列表页面。你必须删除所有额外的代码。像

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(); 
    });

未捕获TypeError：无法读取属性'val'的undefined（ui-nestable.min.js）

相关推荐