Javascript jQuery Listview更改列表项颜色

我在javascript方面太差劲了-我不知道如何更改jquery listview中列表项的背景颜色

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');   
});

---

所有内容都正确显示，您可以打开它进行操作，但“单击”功能或背景颜色更改无法正常工作。有人可以帮忙吗？

您正在使用的jQuery版本（1.6.4）不支持该功能，它只在1.7版中引入。我已将其替换为以使其暂时工作：

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

background color

更改为just

background

，以覆盖jQuery手机样式

这就是它的工作原理：

---

但是，如果您不喜欢这个版本的jQuery，那么我建议您使用这个更新版本中的代码：-它使用jQuery 2.0.2和jQuery Mobile 1.3.1，允许您使用

。on（）

谢谢，我花了太多时间试图解决这个问题。我不受那个版本的束缚，所以我会做出改变！您的问题内容实际上是我问题的解决方案：）

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