javaScript的一些坑

<script>
$(function(){
  //上下文問題
 $('.item_delete').click(function(){
     var url = $(this).attr('data-url');
     var thisTr = $(this).parents('.item_data');
     //獲取數據必須在confirm之前,聲明全局變量,confirm會重寫this
     weui.confirm("您確定要刪除嗎?", function(){
         $.get(url,function(data){
             layer.msg(data.msg);
             var _data = data;
             //同理這裏返回的數據,再調用異步的操作,需要提前聲明全局變量
             setTimeout(function(){
                 if(_data.code===0){
                     thisTr.remove();
                 }
             },1000);
         });
     }, function(){
         //console.log('no')//取消操作回調
     });
 });

});

//mobile圖片上傳預覽,javascript無法直接打開本地的圖片資源
$("#uploaderCustomInput").change(function(){
    var current_pic = this.files[0];
    var r = new FileReader();
    r.readAsDataURL(current_pic);
    r.onload = function(){
        //console.log(r);
        var _text ='<li class="weui-uploader__file" title="點擊刪除圖片"  style="background-image:'+"url('"+r.result+"');"+'"></li>';
        $("#uploaderCustomFiles").append(_text);
        $(".img_mobile").val(r.result);
    }
});

//點擊圖片刪除
$('.weui-uploader__files').on("click",".weui-uploader__file",function(){
    var id = $(this).data('id');
    $(this).remove();
})
</script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章