jQuery를 목록보기 변경 목록 항목 색상

Question

내가 자바 스크립트에서 열심히 빨아 - 나는 JQuery와 목록보기에서 목록 항목의 배경색을 변경하는 방법을 알아낼 수 없습니다 ...

var parent = document.getElementById('listDiv'); 

var listview = document.createElement('ul'); 
listview.setAttribute('id', 'listView'); 

parent.appendChild(listview); 
var listItem = document.createElement('li'); 
listItem.setAttribute('id', 'temp'); 
var itemLink = document.createElement('a'); 
itemLink.setAttribute('href', '#'); 
itemLink.innerHTML = "HEYY MAN"; 

listItem.appendChild(itemLink); 
listview.appendChild(listItem); 


$('#listView').listview().listview('refresh'); 

//I NEED DIS SHIT TO WORK 
$('#listView').on('click', 'li', function(){ 
    $('#temp').css('background-color','green'); 
}); 

모든 것이 올바르게 표시됩니다 , 당신은 JSFiddle에 그것으로 주변에 놀 수있다, 그러나 누르기 기능 또는 배경 색깔 변화는 정확하게 작동하지 않는다. 누군가가 도움의 손길을 빌릴 수 있습니까?

Answer 1

사용중인 jQuery 버전 (1.6.4)은 .on() 기능을 지원하지 않으며 1.7 버전에서만 도입되었습니다. 나는 일시적으로 작동을 얻을 .bind()로 대체했습니다

$('#listView').bind('click', 'li', function(){ 
    $('#temp').css('background','green'); 
}); 

background-color은 background에 변경된 jQuery를 모바일 스타일링을 무시하기 위해. 여기

가 노력하고 있습니다 : http://jsfiddle.net/q3vfh/3/

를 그러나 jQuery를 해당 버전에 연결하지 않는 경우 다음 나는이 업데이트 바이올린의 코드 사용하는 것이 좋습니다 것 : http://jsfiddle.net/q3vfh/2/를 - 그것은 jQuery를 2.0.2와 jQuery를 사용 모바일 1.3.1 및 .on() 사용할 수 있습니다.

Answer 2

$('#listView').delegate('li','click', function(){ 
$(this).css({background: '#6495ED'}) 
});