如何仅从页面上的某些元素触发jQuery函数

Question

我试图仅从页面中的特定输入对象调用jQuery函数。但是一旦我设置其中两个对象以调用该函数，所有其他元素也会触发该函数。我是这样做的：     

    $(document).ready(function () {

        function uploadImageFile () {

            $(this).change(function (evt) {

              ..more code here    

          });
        } 


        uploadImageFile($("#FileUpload1").change); 
        uploadImageFile($("#FileUpload2").change);

        And also I tried:
        $("#FileUpload1").change(uploadImageFile());
        $("#FileUpload2").change(uploadImageFile());

 });

</script>

但我发现其他对象如'＃FileUpload3'或'＃FileUpload4'也可以触发该功能。我该怎么做才能只有我设置的对象可以触发这个功能？

由于

Answer 1

您似乎想要定义一个插件：

    $.fn.uploadImageFile = function() {
        this.change(function (evt) {

          ..more code here    

       });
    } 

    $("#FileUpload1, #FileUpload2").uploadImageFile();