它的功能有问题并显示为控制台Uncaught TypeError:无法读取null的属性'length'并且无法理解为什么
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');
});
}
1 回答
您正在为"nameplaylist",
#nameplaylist
和.nameplaylist
使用两个不同的选择器 . 第一个含义ID
为"nameplaylist"的元素,第二个含义为class
为"nameplaylist"的元素 .$('#nameplaylist')
和$('.nameplaylist')
将不会选择相同的元素,除非您的元素同时具有id
和class
"nameplaylist":确定您实际使用的是哪一个并相应地修改选择器 .
看看你的代码,我想你的修复只是将第7行和第8行更改为: