.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功能不附加到頁面

回答

相關問題