一些遇到的问题的解决方法

原创 13476075014 随笔 js 257阅读 2017-11-28 13:19:24 举报

这里主要用来记录自己开发中遇到的一些问题和暂时的解决方法:

1.在ajax渲染的节点上如果写事件,是没有任何反应的,需要要么在ajax生成的时候就加上onclick事件,另外就是通过jQuery的on方法,把事件绑到其父级或更高的祖先级身上。


2.在绑定事件在行内的时候出现的this指向的问题:

例如:<input type="button" value="55" onclick="change()"/>
           <script>
                       function change( ){
                                   alert( this.value);     //这个时候原本是以为为弹出55,结果却报错了。
                                 }
         </script>

 原因:主要是自己这样的用的比较少了,都忘记了 在绑定到元素上面的点击事件,是都绑在最顶层元素的,
            所以这个时候的this已经不是input了。
 解决:function change(e){
            var ev = e || event ;
            var purpose = ev.target; //获取当前点击的元素;
            alert(purpose.value);
        }

3.在单纯的一个html页面中用script标签引用vue.js,在移动端的一个问题:

问题: 如果里面的写法用了es6的属性,函数简写的话,会出现渲染不了,出现异常的情况,例如 var p1=new Vue({ created(){...} }) ,这样简写的话,在电脑谷歌浏览器什么的是没有问题的,但是在手机自带的浏览器里面,就会对这种写法不识别,报错,导致页面异常。
解决:保险的写法是在没有用到webpack这种打包工具的情况下,还是写成都能识别的格式,例如:var p1=new Vue({ created:function(){...} }) ,这样就好了。

评论 ( 2 )
最新评论
13476075014 1F 2017-11-28 17:37:41 2F

嗯呢,是“事件

lzh2740128806 2017-11-28 13:42:12 1F

把时间绑到其父级或更高的祖先级身上。~~时间是错别字吧