jquery - 从外部 .js 文件访问函数

Question

这是我的 HTML 中的外部 .js 文件。

HTML: li id="getPhoto"

访问此功能的最佳方式是什么。无法让它工作。

$(document).ready(function() {

  $('#getPhoto').click(function() {
      function getPhoto(source) {
         // Retrieve image file location from specified source
            navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
            destinationType: destinationType.FILE_URI,
            sourceType: source });
       }
   });
});

Answer 1

你这里什么都没有发生。当您单击#getPhoto 时，您只是在声明getPhoto()函数，而不是调用它。这就是你调用函数的方式。

$('#getPhoto').click(function() {
   getPhoto(someVar);
});

function getPhoto(source) {
    // Retrieve image file location from specified source
    navigator.camera.getPicture(onPhotoURISuccess, onFail, { 
       quality: 50, 
       destinationType: destinationType.FILE_URI,
       sourceType: source 
    });
}

这应该会让你走上正确的道路。但看起来你可能会不知所措。

Answer 2

实际上，您只是在单击时声明该功能。如果你删除几行，你可以使用类似的东西：

$(document).ready(function() {
 $('#getPhoto').click(function() {
  // Retrieve image file location from specified source
  navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
  destinationType: destinationType.FILE_URI,
  sourceType: source });
 });
});

您不会传递源变量，因此您需要找到其他方法将其放入函数中。