关于在移动端手机ios里面微信自带页面嵌入html5jquery 添加html class名用 on()方法没有效果的问题

Question

通过jquery的.append()方法在html里面添加代码.append('<li class="k1"></li>');
然后我用的jquery库是<script src="../public/js/jquery-2.1.1.min.js"></script>的版本
使用.on()方法

$(document).ready(function(){
            $(document).on("click",".k1",function(){
                alert(11);
            })
        });

这么写在移动端手机 ios 4 5 6 里没有效果，但是在页面和安卓三星都可以实现效果，请问要怎么解决！！！
现在是需要在安卓和ios机上都兼容的一个点击事件。。。。。。

Answer 1

自己实现委托试试，给document绑点击看e.target是啥

Answer 2

告诉你答案！！
你的问题原因是事件冒泡导致找不到或者找到多个事件导致的，
你这样去写！
$(“#div1").on("click",".k1",function(){

            alert(11);
        })

不要用
$(document).on("click","#div1 > .k1",function(){

            alert(11);
        })

Answer 3

虽然很久了，楼主可能成为大神了，但今天发现这个问题了，搜了下，发现在html里面给需要点击的元素加一个onclick=""就好了，虽然是空的，但不知为啥却有效，真是醉了，安卓和PC没问题，我还以为ios缓存呢

Answer 4

光加 onclick=""不行的，在 iphone6plus 下面是不行的，

要加 onclick="javascript:void(0)" 这样才可以的，亲测。。。