.click功能不附加到页面

-1

我遇到了一个问题，从“//创建猫列表项目上的点击功能”开始的.click功能有问题。当我点击特定的“li”时，控制台显示错误“无法读取未定义的的属性”名称“。我希望能够点击“li”，并且它应该将特定变量信息（在这种情况下，具有该名称的特定猫信息）附加到该页面。我如何完成这项工作？.click功能不附加到页面

后第二功能“//对猫的点击数递增”正显示出一个错误“无法读取属性‘点击’的未定义”。此功能应该在页面上添加数字，因为我在点击第一个带有问题功能的函数中的“li”时应该显示的图像。我认为这事做与猫[I]，因为第一个函数中使用或而不是我时的作品。请帮忙。

var body = $("body"); 

var cat1 = { 
name:"Molly", 
img:"<img class='img1' src='img/cat.jpg'>" 
}; 
var cat2 = { 
name:"Kitty", 
img:"<img class='img2' src='img/cat2.jpg'>" 
}; 


var cats = [cat1, cat2]; 

//Creating the list of the cats to display on the screen 
body.append("<ul></ul>"); 

for(i = 0; i < cats.length; i++) { 

$("ul").append("<li>" + cats[i].name + "</li>"); 
}; 

//Creating the click function on the cat list-item 


$("li").click(function() { 

body.append(cats[i].name + "<br/>" + cats[i].img); 


}); 

//number of clicks on cat to increment 


var b = 0; 

cats[i].click(function() { 

body.append("<section class='clicks'></section>");  

$(".clicks").append(b + "<br/>"); 

b++ 
});

来源

2016-06-08 Feyt

'我'不是你想象的那样。 –

外部循环i变量等于2. – jkordas

阅读并思考关闭（特别是在循环中）。好教程在这里：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures#Creating_closures_in_loops_A_common_mistake –

阅读和思考倒闭（特别是在循环）。好教程是在这里：developer.mozilla.org/en-US/docs/Web/JavaScript/... - 亚历克斯Kudryashev 6月8日15:37

来源

2016-06-14 12:25:01 Feyt

.click功能不附加到页面

回答

相关问题