проблема глобального пространства имен с функцией jquery

Question

У меня возникла проблема с вызовом определенной функции jquery из глобального пространства имен после загрузки начальной страницы. На основании моего кода ниже загрузки страницы штрафа изначально, но когда я пытаюсь вызов моего OnChange события я получаю следующее исключение:

Uncaught TypeError: undefined is not a function 

Моего JQuery код выглядит следующим образом:

(function ($) { 

    $(document).ready(function() { 

     var user_id = $('#user_id').val(); 
     var identifier = $('#identifier').val(); 

     $.getPostFeed(user_id, identifier); 

     $(document).on("change", "#postFilter", function(e) { 
      e.preventDefault(); 
      $.GetPostFeed(user_id, identifier); 
     }); 

    }); 

    jQuery.getPostFeed = function getPostFeed(user_id, identifier) { 

     console.log("Function Called"); 
    } 

}(jQuery)); 

Когда Я сначала загружаю страницу, функция GetPostFeed выполняется успешно, но когда я выполняю событие onchange, я получаю следующую ошибку:

Uncaught TypeError: undefined is not a function 

Ошибка указывает на вызов функции GetPostFeed в событии изменения.

Любая идея, почему это происходит?

Спасибо, -Поль

Answer 1

Найдено вопрос, как отметил Мэтт. jQuery чувствителен к регистру. Благодаря Matt

Answer 2

При определении функции как выражение, аргументы следуют сразу за function ключевое слово. Попробуйте изменить

jQuery.getPostFeed = function getPostFeed(user_id, identifier) {

в

jQuery.getPostFeed = function(user_id, identifier) {

Answer 3

Если используется пространство имен глобально, то вы должны всегда использовать то же самое.

Ex. Если вы используете $, так что во всех местах вы должны использовать ту же функцию $ и не использовать ключевое слово jQuery.

Попробуйте код ниже:

(function ($) { 

    $(document).ready(function() { 
    var user_id = $('#user_id').val(); 
    var identifier = $('#identifier').val(); 

    $.getPostFeed(user_id, identifier); 

     $(document).on("change", "#postFilter", function(e) { 
      e.preventDefault(); 
      $.GetPostFeed(user_id, identifier); 
     }); 

    }); 

    $.getPostFeed = function getPostFeed(user_id, identifier) { 

     console.log("Function Called"); 
    } 

}($)); 

Answer 4

я получил вашу проблему:

<script> 
    //use 
    $.getPostFeed(user_id, identifier); 
    //instead of 
    // $.GetPostFeed(user_id, identifier); 
    </script> 

его только алфавитную проблема случая: USE "getPostFeed" вместо "GetPostFeed".

Либо у вас все в порядке.