catch되지 않은 형식 오류 : 재산 '길이'를 읽을 수 없습니다 JSON-JQUERY는

Question

그 기능 문제가 콘솔 catch되지 않은 형식 오류에 대한 표시 널 (null) : 널 (null) 및 understant 캔트의 특성 '길이'를 읽을 수 없습니다 이유

function shownameplaylist(){ 
$.getJSON("js/json/nameplaylist.json", function(data) { 
    var items = []; 
    $.each(data, function(key, value) { 
     $('#nameplaylist').append('<option>'+value.title+'</option>') 
    }); 
    $('.nameplaylist option:first-child').attr("selected", "selected"); 
    nameplaylist=$(".nameplaylist option:selected").text(); 
    console.log(nameplaylist.length); 
    if(nameplaylist.length==0){ 
     $('#nameplaylist').css('display','none'); 
     $('#delplaylist').css('display','none'); 
    } 
}).done(function(){ // If the AJAX call encountered an error 
     showplaylist(); 
    }) 
    .fail(function(){ // If the AJAX call encountered an error 
     console.log('no load nameplaylist'); 
     $('#nameplaylist').css('display','none'); 
     $('#delnamelist').css('display','none'); 
     $('#delplaylist').css('display','none'); 

    }); 
} 

Answer 1

당신 "nameplaylist"에 대해 두 개의 다른 선택자 인 #nameplaylist과 .nameplaylist을 사용하고 있습니다. 첫 번째 요소는 ID이 "nameplaylist"이고 두 번째 요소가 class 인 요소가 "nameplaylist"임을 의미합니다. 당신의 요소를 가지고 있지 않는

$('#nameplaylist') 및 $('.nameplaylist')이 같은 요소를 선택하지 않습니다 모두 "nameplaylist"의 id및class :

<elem id="nameplaylist" />  <!-- $('#nameplaylist') --> 
<elem class="nameplaylist" /> <!-- $('.nameplaylist') --> 

는 당신이 실제로 사용중인 하나를 결정하고 그에 따라 선택기를 수정합니다.

이

$('#nameplaylist option:first-child').attr("selected", "selected"); 
nameplaylist=$("#nameplaylist option:selected").text();