Cordova相机插件-在最接近的列表项后附加图像

Question

我正在尝试使用Cordova相机插件从用户捕获图像。然后，我想将该图像附加到用户单击以打开相机的列表项下方。

https://i.imgur.com/TIL2y5I.png

值得注意的是，以上是使用AJAX动态创建的

用户单击“ c”，然后打开摄像头应用程序。然后，我想将其附加到同一位置，但在下面。

当前，我有

$('body').on('click', '.cam-item', function() {

document.addEventListener("deviceready",onDeviceReady,false);

function onDeviceReady() {
    pictureSource=navigator.camera.PictureSourceType;
    destinationType=navigator.camera.DestinationType;
}

navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
destinationType: Camera.DestinationType.FILE_URI });

function onSuccess(imageURI) {
  var img = $('<img class="att-img">')
  img.attr('src', imageURI);
  $(this).closest('li').insertAfter(img);
}

function onFail(message) {
    alert('Failed because: ' + message);
}
})

这根本不起作用，但是如果我使用

function onSuccess(imageURI) {
     var img = $('<img class="att-img">')
     img.attr('src', imageURI);
     img.appendTo('.app');
  }

显示了图像，但是，这是不可行的，因为我无法创建将其追加到的类。我只是想确保相机本身可以正常工作。

任何指针都很棒。