Как предотвратить открытие окна всплывающего окна?

Question

Я просто делаю приложение PhoneGap с облачными Unsigned-загрузками, и он работает хорошо (т. Е.) Когда пользователь нажимает на любом месте экрана, отображается Image Picker, но мне просто нужно показывать Image Picker только тогда, когда пользователь нажимает на конкретном div.

Как я могу это достичь? пожалуйста помоги.

Вот код, который я использовал для крепления cloudinary

$('document').append($.cloudinary.unsigned_upload_tag("bvxxxxxx", { 
     cloud_name: 'sample' 
    })); 
    $('.uploader').unsigned_cloudinary_upload("xxxxxxcy", { 
     cloud_name: 'sample' 
    }, { 
     multiple: true 
    }).bind('cloudinarydone', function(e, data) { 
      $("body").addClass("ui-loading"); 
      galleryMethods.savePictures(data.result.secure_url); 
      // $('.thumbnails').append('<img src="' + data.result.secure_url + '" style="height:30px;width:30px;">'); 
      console.log("cloudinarydone"); 
      $("body").removeClass("ui-loading"); 
     } 

    ).bind('cloudinaryprogress', function(e, data) { 
     var progVal = Math.round((data.loaded * 100.0)/data.total); 
     $("body").addClass("ui-loading"); 
     if (progVal == "100") { 
      // cm.showAlert("Uploaded Successfully"); 
      $("body").removeClass("ui-loading"); 
     } 



    }); 

P.S: Я использую Jquery Mobile-1.4.5 рамки.

Answer 1

1. Возможно, вы имели в виду document (а не 'document')?
2. Вы дважды инициализировали загрузчик. Если у вас уже есть поле ввода, установленное в вашем html, вы можете использовать unsigned_cloudinary_upload для его инициализации, в противном случае вы можете использовать cloudinary.unsigned_upload_tag.
3. Я не уверен, что может заставить весь экран запускать загрузку. Если это поможет, вы можете взглянуть на следующий пример: https://jsfiddle.net/roee_ba/2gcquset/