新增元素在on()函数执行之前添加，为什么不能调用on()函数

Question

js代码如下 jq2.1.3

$("ul li").on("click",".votedel",function(){
vote_count--;
$(this).parent().remove();
});

html代码

<ul>
   <span class="votetitleleft">选项:最多可填写<script type="text/javascript">document.write(vote_max);</script>个选项</span>
   <span class="votetitleright"><input type="checkbox" id="voteconfig1">多选模式</span>
   <li class="votechoice">
      <input type="text" name="choice1"/><a class="votedel" title="删除"></a>
   </li>
   <li class="votechoice">
      <input type="text" name="choice2"/><a class="votedel" title="删除"></a>
   </li>
   <span id="addchoice" title="增加一个选项" class="addchoice">+增加一个</span><span id="complete">完成</span>
</ul>

Answer 1

可以这样$(function（）{$("ul li").on("click",".votedel",function(){vote_count--;$(this).parent().remove();});})

Answer 2

谢谢你的回答 但是事实上我就是那么写的，只不过是上面那部分忘了贴出来，其实一段javascript代码是嵌套在一个$(function(){})中的 顺便问一句 这样放在这个里面和直接写外面有什么区别 我只知道写在里面是在加载的时候就可以用的 但是在外面的时候点击还不是一样会触发 效果应该没有什么区别吧

Answer 3

@小kk06: 去浏览器打个断点调试下，到底进去了没有，

Answer 4

@稳稳的河: 在新建的节点中没有进去 在已存在的结点中有进去

Answer 5

你说的问题应该是不存在的，你需要现在a标签中加一点内容，这样才能看到a标签，然后点击a标签，事件是会触发的。

Answer 6

a标签是一个删除的图标