jquery点击事件的问题,点击标签根据id包含字符串的响应事件,点击标签时没有被响应,原因在哪,要如何解决这个问题?

[weixin_38069120]

     拷贝http://blog.csdn.net/develop_wangzhi/article/details/70227471这个网址里写的jquery代码到我的电脑上测试,发现可以,但是改写到我的项目中时,没有达到我想要的效果,也就是 "$('[id^=xxx_]').click:点击一个元素,如果该元素的id开头字符串是xxx,就执行一段代码"的点击事件代码不响应

<!--直接相关css代码:-->

.ListView{
background-color:#00F;
clear:both;height:0px;
width:80%;height:500px;
background-color:#09C;
margin: auto auto;
overflow: scroll;
}

.ListViewItem li
{
float:left;
list-style:none;
list-style-type:none;
margin:5px;
border:2px solid #CCC;
width:180px;
height: 150px;
background:#0F6;
padding-left:10px;


}
<!--//直接相关的html代码: -->

<div class="ListView">

<ul class="ListViewItem" id="ListView" ></ul>

</div>
//直接相关的jquery代码:
$(document).ready(function(){
var k=0;
$("#btn").click(function(){
$("#ListView").append("<li id="+"ItemID_"+k+"><input class=\"check\" name="+"ItemID_"+k+" type=\"checkbox\" value="+k+" /></li>");

k++;
});


$(document).click(function(e) { // 在页面任意位置点击而触发此事件
var a=$(e.target).attr("id");
var fdStart = a.indexOf("ItemID_");
if(fdStart == 0){
alert(a);
}

});//这个点击事件代码,点击id开头包含"ItemID_"字符串的li标签时,该事件代码是执行的,虽然是可以,但是我不想每次把获取id开头或结尾或者包含指定字符串的点击事件都写在$(document).click事件代码内.

$('[id^=ItemID_]').click( function (e) {

var id=$(this).attr("id").split("ItemID_")[1];
alert(id);


}); //这个点击事件代码,仅仅是把原来的代码拷贝到我项目中,然后把参数改写成"ItemID_"而已.当我点击id开头包含"ItemID_"字符串的li标签时,该事件代码是不执行的,这是我疑惑和提问的原因
});



点击li标签,$('[id^=ItemID_]').click事件代码不执行的原因出现在哪里,要如何解决这个问题